Skip to main content

Config-driven form (MUI)

Package: @formzk/mui (also pulls in @formzk/core)

The MUI adapter's Formzk.MUI.Form accepts a declarative config array. Each sub-array is a row, each object is a column. Great for form-builder screens or admin dashboards.

Loading playground…

What to try​

  • Change a layoutProps: { sm: 6 } to layoutProps: { sm: 12 } to see the column take the full row.
  • Use the v6+ API: layoutProps: { size: { xs: 12, sm: 6 } }.
  • Add a third row with a Switch field — { name: 'enabled', component: 'Switch', valueKey: 'checked', label: 'Enabled', layout: 'contained' }.