Studio Form

<Form /> let you manage your form state from a JSON schema configuration. It's strongly inspired by react-jsonschema-form and formik.

You can check documentation here.

Installation

$ yarn add studio-form

quick usage

import { Form, Field, FormContext } from 'studio-form'

<Form
  uiSchema={{
    firstName: { placeholder: 'prénom' }
  }}
  formSchema={{
    title: 'A registration form',
    description: 'A simple form example.',
    required: ['firstName'],
    properties: {
      firstName: {
        type: 'string',
        title: 'First name',
        default: 'Chuck'
      }
    }
  }}
/>

Check out the examples !