Ir al contenido

Showcase De Layouts

Overview

  • mountForm() para página única
  • mountWizardForm() para pasos guiados
  • mountTabsForm() para navegación libre por secciones
  • mountAccordionForm() para divulgación progresiva
  • createFormView() para una shell personalizada

La página de abajo monta las cinco variantes en vivo con el mismo schema, el mismo report y el mismo transport determinista.

Qué demuestra
En MLForm, el schema define la semántica y el layout define la presentación. El engine y el transport siguen siendo los mismos mientras cambia la experiencia del host.

Página única

Camino rápido por defecto, sin contrato de layout extra.

Wizard

Flujo guiado por pasos con validación entre secciones.

Tabs

Navegación libre con shell built-in de estilo aplicación.

Accordion

Divulgación progresiva densa, con varias secciones abiertas.

Shell headless personalizada

Chrome propio del host construido con `createFormView()` y primitive frames.

Cuándo usar cada uno

Surface Mejor encaje
`mountForm()` Flujo simple de envío en una sola página.
`mountWizardForm()` Onboarding lineal, compliance o pasos con revisión.
`mountTabsForm()` Formularios estilo aplicación donde el usuario puede saltar libremente.
`mountAccordionForm()` Layouts densos o mobile-first con divulgación progresiva.
`createFormView()` Shells específicas del producto, sidebars, dashboards o embebidos.