UI components

Triggers an action or renders an action-styled child element.

Groups compact mutually related view or mode controls with a shared selected treatment.

Joins related buttons into one compact control with shared boundaries.

Labels a compact status, category, or piece of metadata.

Displays an image or fallback identity, with optional status and grouping.

Derives a compact two-letter identity from a label with a stable semantic tone.

Groups related content and actions inside a bordered surface.

Composes accessible table elements inside a horizontally scrollable container.

Applies Dawn's field treatment to a native single-line input.

Combines an input or textarea with inline or block add-ons and actions.

Applies Dawn's field treatment to a native multi-line textarea.

Toggles a single setting between enabled and disabled.

Provides a filterable command list, either inline or inside a dialog.

Groups a form control with its accessible label, description, and validation message.

Applies Dawn's control treatment while preserving native select behavior.

Presents a focused task or decision in an accessible modal surface.

Presents supplementary content from an edge of the viewport.

Provides a short accessible label for an otherwise ambiguous control.

Presents a compact set of contextual actions from a trigger control.

Divides adjacent content visually, with optional semantic separator behavior.

Aligns a page title, optional navigation or identity, description, and actions.

Composes Dawn's responsive application navigation and its collapsed state.

Collapses overflowing content to a maximum height with an accessible expand control.

Reserves content geometry with a neutral loading placeholder.

Presents a compact status or error message within the current task.

Centers loading, empty, or error feedback with optional actions.