block · description-list

Description list

A responsive native description list for related terms and values.

Install with npx @madojs/ui@latest add description-list.

Block

Release policy

Stable releases follow the reviewed registry contract.

Applications keep ownership of every installed source file.

Composition

Use a native dl and group related dt/dd nodes in direct div children. Keep one or more terms before their associated values.

element dl / dt / dd: Native name-value grouping.
class mado-ui-description-list / group / term / value: Responsive list and group presentation.
attribute data-layout="stacked": Forces every group into the stacked visual layout.

Source order, not columns, defines each term/value relationship.
Supporting prose inside a value does not need an additional dd unless it is genuinely another value for the same term.

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.