Layout Showcase
Overview
mountForm()for one-pagemountWizardForm()for guided stepsmountTabsForm()for free section switchingmountAccordionForm()for progressive disclosurecreateFormView()for a custom host shell
The page below mounts all five variants live with the same schema, the same report, and the same deterministic mock transport.
What this proves
In MLForm, schema defines semantics and layout defines presentation. The engine and transport stay the same while the host experience changes.
In MLForm, schema defines semantics and layout defines presentation. The engine and transport stay the same while the host experience changes.
One-page
Fast default path with no extra layout contract.
Wizard
Guided step flow with validation gates between sections.
Tabs
Free navigation with a built-in application-style shell.
Accordion
Dense progressive disclosure with multi-open sections.
Custom headless shell
Host-owned chrome built from `createFormView()` and primitive frames.
When to use each
| Surface | Best fit |
|---|---|
| `mountForm()` | Simple one-page submission flow. |
| `mountWizardForm()` | Linear onboarding, compliance, or review gates. |
| `mountTabsForm()` | App-style forms where the user can jump around freely. |
| `mountAccordionForm()` | Dense or mobile-first layouts with progressive disclosure. |
| `createFormView()` | Product-specific shells, sidebars, dashboards, or embedded workflows. |