https://github.com/pixelbyaj/react-xml-ui
Convert XML to react UI
https://github.com/pixelbyaj/react-xml-ui
Last synced: about 1 month ago
JSON representation
Convert XML to react UI
- Host: GitHub
- URL: https://github.com/pixelbyaj/react-xml-ui
- Owner: pixelbyaj
- License: mit
- Created: 2024-07-14T09:09:17.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-26T18:33:53.000Z (5 months ago)
- Last Synced: 2025-03-28T23:21:45.578Z (about 2 months ago)
- Language: TypeScript
- Size: 170 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ReactXmlUI
This form is used to design React Readonly Form using any given XML/ISO 20022 messages. The primary use of this UI library is to design ISO 20022 or MX readonly forms dynamically.
[](https://npmjs.org/package/react-xml-ui)
## [DEMO](https://stackblitz.com/edit/reactxmlui?file=README.md)
## Features
- 🔥 Automatic forms generation from the given XML
- ⚡️ Supports ISO 20022 messages:
## How to consume
1. Install npm package ngx-xml-message.
```console
npm i react-xml-ui
```
```ts
import { ReactXmlUI } from 'react-xml-ui';
function App() {
const [xmlMessage, setXmlMessage] = useState('')
useEffect(()=>{
setXmlMessage(message);
},[xmlMessage])
return (
<>
>
)
}
export default App
```
## Sample XML
```xml
ABC-123456
2023-06-20T09:30:00Z
ACC-78901234
1
2023-06-01T00:00:00Z
2023-06-30T23:59:59Z
GB99X12345678901234567
PRCD
100000.00
CRDT
CLBD
2000.00
DBIT
1000.00
CRDT
BOOK
XYZ-987654
XYZ-123456
1000.00
John Doe
1234567890
Company XYZ
Payment for services rendered Payment for services rendered Payment for services rendered
```