block · form-section

Form section

A responsive thematic section for form headings, fields and native actions.

Install with npx @madojs/ui@latest add form-section.

Block

Choose the public name and default visibility for new workspace projects.

Workspace slug

Used in generated project URLs.

Default visibility

Existing projects keep their current visibility.

The workspace form has not been submitted.

Composition

Divide a larger form into a native section with a heading/description column and a content column containing fields and optional actions.

class mado-ui-form-section / heading / title / description / content / actions: Transparent responsive form-section layout.

The native section is labelled by its heading; heading level follows the page hierarchy.
The recipe adds presentation only and does not replace fieldset/legend when controls form one choice group.

The recipe adds no composite keyboard model; native interactive descendants keep their browser-defined keys and Tab order.

Focus remains on native links, buttons or controls. Presentational wrappers never become focusable.

Without the copied stylesheet, the semantic source HTML remains readable and operable.

The CLI resolves each registry source path into the configured project target. Links below point to the exact catalog build tag.