Material UI Forms

Material UI forms using json based schema

Advantages and features

• Mui Components
• Built-in layouting
• Supports custom components
• Easily define field relationships and build advanced forms
• Load data from remote api

Install

npm install mui-forms

Basic Usage

1. Define your json schema

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

2. Usage

importReactfrom'react'importMuiFormsfrom'mui-forms';exportfunctionMyForm(){return(<MuiFormsschema={exampleSchema}onSubmit={(formData)=>{// submit data}}/>);}

3. Schema details

Check out the file

Contributions

Open source contribution is welcome.