fieldTypes

Override each field type.

const overrides = {
  fieldType: {
    number: ({ onChange }) => (
      <input type="number" onChange={(e) => onChange(e.currentTarget.value)} />
    ),
    text: ({ onChange }) => (
      <input type="text" onChange={(e) => onChange(e.currentTarget.value)} />
    ),
    // ...
  },
};

You can specify a custom render method for each known field type, or introduce completely new ones.

Render Props

Extends the <AutoField> API.

PropExampleType
children<input />ReactNode
name"title"string
...{}<AutoField> API

children

The default node for this field type.

name

The name of the prop this field is rendering for.