React Object Form
-> EXAMPLE
Get it
https://www.npmjs.com/package/react-object-form
Use UMD module (dist/ReactObjectForm.js) from npm package or build by yourself. If you have some module-loading infrastructure, you can import the module directly (lib/ReactObjectForm.js
) this expects react-select to be available for import.
npm install react-object-form
-> dist/ReactObjectForm.js is a UMD module which needs React and react-select
as dependencies.
The rendered markup uses Bootstrap css classes, so include some bootstrap.css to get default styling. The select-component uses react-select and also needs css styles from there. Import the defaults, or style yourself.
Use it
<ReactObjectForm object=name: "Foo" age: 12 config=name: "name" label: "NAME" changeHandler= console />
Change it
Run & develop
- git clone ...
- npm start -> starts ui-harness with live reloading on localhost:3030
Contribute
This repo uses sematic-release. To make my life easier, please prefix your commit-messages according to the convention, or use commitizen for a super easy contribution experience:
npm install -g commitizengit add .git cz