Examples
Credit Card Form

CreditCard Form Edit (opens in a new tab)

Schema Edit (opens in a new tab)

"root"
:
{2 Items
"fields"
:
[5 Items
[
]3 Items
[
]2 Items
]
"buttons"
:
[1 Items
0
:
{2 Items
"name"
:
string
"submit"
"meta"
:
{1 Items
"type"
:
string
"submit"
}
}
]
}

Usage Edit (opens in a new tab)

import React from "react";
import MuiForms from "mui-forms";
import schema from "./schema.json";
 
function CreditCardForm() {
    return (
        <MuiForms
            schema={schema}
            onSubmit={() => {
                // handle code
            }}
        />
    );
}

Star us at github

© Copyright 2023 MuiForms.