Skip to content
Mui Native Forms

Introduction

MUI Native Forms is a react-native javascript library to build beautiful material forms for mobile.

Features

  • Material UI components
  • Icon support by default
  • Validation out of the box

Basic example: A Login Form

  1. Define schema
{
    "fields": [{
        "name": "email",
        "meta": {
            "displayName": "Email",
            "displayType": "email"
        }
    }, {
        "name": "password",
        "meta": {
            "displayName": "Password",
            "displayType": "password"
        }
    }]
}
  1. Import and use
import MuiNativeForms from "mui-native-forms";
function MyForm() {
    return (
        <MuiNativeForms
            schema={schema}
            onSubmit={(data) => {
                // handle submit
            }}
        />
    )
}

Built using