react-object-form

3.3.0 • Public • Published

semantic-release npm version Build Status Dependency Status Greenkeeper badge

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

-> Base example on JSFiddle

<ReactObjectForm object={{name: "Foo", age: 12, }} 
config={[{name: "name", label: "NAME"}]} 
changeHandler={changedObject => console.log(changedObject)} />

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 commitizen
git add .
git cz

Package Sidebar

Install

npm i react-object-form

Weekly Downloads

2

Version

3.3.0

License

Apache-2.0

Last publish

Collaborators

  • dhf