Getting Started

Introduction

Create advanced material forms using json

Advantages

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

Examples

Customer Feedback Form

Interactive Score chart

Custom Score chart

Payment Form

Rating Form

Account Opening Form

Basic example

Registration Form ^{Edit (opens in a new tab)}

Schema ^{Edit (opens in a new tab)}

Following is the json schema of the above registration form:

"root"

{1 Items

"fields"

[4 Items

[

…

]3 Items

[

…

]1 Items

]

}

Usage ^{Edit (opens in a new tab)}

import MuiForms from "mui-forms";
import schema from "<schema_location>";
 
function MyForm() {
    return (
        <MuiForms
            schema={schema}
            onSubmit={() => {
                // handle submit
            }}
        />
    );
}