⚠ Work in progress, use at your own risk ⚠
formik-schema
Create forms simply using React and Bootstrap 4.
; const schema = fields: name: "email" title: "Email" type: "email" name: "date" title: "Chose a date" type: "date" name: "accept" title: "Conditions" type: "checkbox" description: "I accept everything." ; ReactDOM;
Installation
npm install formik-schema
Testing
This library comes with a few basic tests, using Jest:
npm test
This will actually build the bundle and run a few snapshot tests against it.
Custom widgets
You can register your own widgets (or override existing ones) simply:
; ;
Custom form renderers
By default, forms are rendered as Bootstrap 4 vertical forms (see https://getbootstrap.com/docs/4.0/components/forms/#horizontal-form). You can also register your own renderer, e.g.:
; ;
Note
Under the hood, this library uses Formik to handle form state and submission.
The variable params
appearing in the code samples is documented in Formik (see https://github.com/jaredpalmer/formik#the-gist).