Account Form Edit (opens in a new tab)
Schema Edit (opens in a new tab)
"root"}
:
{1 Items"fields"]
:
[2 Items0}
:
{3 Items"name"
:
string
"summary"
"meta"}
:
{2 Items"displayName"
:
string
"Basic Details"
"type"
:
string
"section"
"fields"]
:
[9 Items[
…
]3 Items[
…
]3 Items[
…
]3 Items1}
:
{3 Items"name"
:
string
"contact_details"
"meta"}
:
{2 Items"displayName"
:
string
"Contact details"
"type"
:
string
"section"
"fields"]
:
[3 Items0}
:
{2 Items"name"
:
string
"same_address"
"meta"
:
{…
}2 Items1}
:
{2 Items"name"
:
string
"correspondence_address"
"meta"
:
{…
}2 Items2}
:
{2 Items"name"
:
string
"correspondence_address2"
"meta"
:
{…
}3 ItemsUsage Edit (opens in a new tab)
import React from "react";
import MuiForms from "mui-forms";
import schema from "./schema.json";
function AccountForm() {
return (
<MuiForms
schema={schema}
onSubmit={() => {
// handle code
}}
/>
);
}