Loader

Loader

Show a loader with next/submit form actions. It is disabled by default.

  • To enable it, set config -> loader -> enabled to true.

Basic example

Usage

    <MuiForms
        config={{
            loader: {
                enabled: true
            }
        }}
        schema={schema}
        onNext={async (data) => {
            const response = await axios.post("/submit", data);
            return true;
        }}
        onSubmit={async (data) => {
            const response = await axios.post("/submit", data);
            return true;
        }}
    />

Schema details

{
fields
:
[
0
:
{
name
:
"basic_details"
meta
:
{
type
:
"section"
displayName
:
"Basic Details"
}
fields
:
[
0
:
{
name
:
"first_name"
meta
:
{
…
}
}
1
:
{
name
:
"last_name"
meta
:
{
…
}
}
]
}
1
:
{
name
:
"other_details"
meta
:
{
type
:
"section"
displayName
:
"Other Details"
}
fields
:
[
0
:
{
name
:
"age"
meta
:
{
…
}
}
1
:
{
name
:
"email"
meta
:
{
…
}
}
]
}
]
}

Star us at github

© Copyright 2023 MuiForms