Layout showcase

Every form below uses the same schema and the same demo transport, and they run independently: fill one in and press its submit button to see validation, loading, and the classifier report. The configuration for each layout is explained in Layouts; the custom shell is described in Built-in controls in your layout.

Stacked

The default: every field, then every report.

mountForm(host, { schema, transport })

Split

Reports beside the inputs on wide screens.

layout: { kind: "split" }

Wizard

Next validates the current step before moving on.

layout: { kind: "wizard", steps }

Tabs

Free switching; submission from any tab.

layout: { kind: "tabs", tabs }

Sections

Collapsible sections; Assessment starts closed.

layout: { kind: "stacked", children: [section, section] }

Custom shell

Your own navigation and footer around MLForm's controls.

createFormView + createPrimitiveAdapter