Installation

npm

npm install mui-native-forms

yarn

yarn add mui-native-forms

pnpm

pnpm add mui-native-forms

Peer dependencies

"peerDependencies": {
    "react": "^19.0.0"
}

Basic usage

1. Define schema

{
    "fields": [
        {
            "name": "first_name",
            "meta": {
                "displayType": "text",
                "displayName": "First Name"
            }
        },
        {
            "name": "last_name",
            "meta": {
                "displayType": "text",
                "displayName": "Last Name"
            }
        }
    ]
}

2. Use mui-native-forms

import MuiNativeForms from "mui-native-forms";
import schema from "example-schema.json"

<MuiNativeForms
    name="my-native-form"
    schema={schema}
    onNext={() => {
        // handle next
    }}
    onSubmit={() => {
        // handle submit
    }}
/>