README
The most popular React form libraries implemented for you
Example
Material-UI TextField connected to React hook form
import Form from '@concrete-form/react-hook-form'
import { Input, SubmitButton } from '@concrete-form/material-ui'
const App = () => (
<Form onSubmit={...}>
<Input name="name" placeholder="Enter your name" />
<SubmitButton>Send</SubmitButton>
</Form>
)
Concrete Form in a nutshell
- Select the form provider you want (ex
React Hook Form
,Formik
). - Select the UI kit you want (ex
Material-UI
,Materialize
). - Enjoy.
Concrete Form
connects the form and the UI for you.
FAQ
What new form feature do I get ?
None. Concrete form only take care of the rendering of the ui. Refer to your form prodiver doc.
Can I implement custom form control ?
Absolutely. The same way you would normally. (your existing custom controls will work without change too)
Can I customize the UI ?
YES. The rendering is higly customizable and follow the UI kits best practices.
Work in progress
This library is not implemented yet. Poke me if you're curious and want to contribute !