rhfa-material-ui

Generate automatic forms following a schema using Material-UI

Usage no npm install needed!

<script type="module">
  import rhfaMaterialUi from 'https://cdn.skypack.dev/rhfa-material-ui';
</script>

README

rhfa-material-ui

This library allows your React application to automatically generate forms using ReactHookForm and rendering by Material-UI. The form and validations are generated following a schema inspired by SimpleSchema.

Play with the demo

Breaking changes

After version 1.1.0 you have to install material-ui in your project:

$ npm install @material-ui/core @material-ui/icons --save

Installation

$ npm install react-hook-form rhfa-material-ui @material-ui/core @material-ui/icons --save

Usage

Just like react-hook-form-auto except you import rhfa-material-ui:

    import { createSchema, Autoform } from 'rhfa-material-ui'

    export const client = createSchema('client', {
      name: {
        type: 'string',
        required: true,
        max: 32
      },
      age: {
        type: 'number'
      }
    })

    const MyForm = ({ onSubmit }) =>
      <Autoform
        schema={client}
        onSubmit={onSubmit}
      />

Documentation