JSPM

  • Created
  • Published
  • Downloads 8
  • Score
    100M100P100Q60600F
  • License MIT

The most popular React form libraries implemented for you

Package Exports

  • @concrete-form/core
  • @concrete-form/core/translation/TranslationKeys.enum

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@concrete-form/core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Concrete Form

The most popular React form libraries implemented for you


Made with Typescript Made for React 16+

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

  1. Select the form provider you want (ex React Hook Form, Formik).
  2. Select the UI kit you want (ex Material-UI, Materialize).
  3. 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 !