Components

One primary action per group — a Card or Dialog footer refuses a second, and destructive work takes danger rather than primary.

asChild renders the button onto its child, so a link can be button-shaped without a button wrapping an anchor. Sizes run sm to lg, plus a square icon size whose accessible name still has to be given.

Always bound to exactly one control; Field is what normally supplies the pairing.

Structural only — it carries no margin, because spacing belongs to the layout that places it.

ADsmGRmdALlg squareZOstatus dotimagebroken image

The broken image swatch points at an unreadable source: failure falls back to initials, never a broken icon or an empty circle.

Numeric badges cap rather than overflow; the true value stays in the accessible name.

Indeterminate is a distinct glyph, not a recolored check.

A group legend is required; option labels alone are not enough.

Labels name the setting, never the state.

A native select, so type-ahead and arrow keys survive.

Error text forces the child into its error state — the two cannot be shown apart.

Cards never nest; use a Separator to group content inside one.

The row primitive Table composes from — its hover is the same token Table uses.

Inactive panels stay mounted, so form state in a tab survives switching away.

Long trails collapse their middle rather than wrapping; the last crumb is not a link.

Two levels only — a third would be a page, not a deeper flyout.

Supplementary only, and never interactive — a tooltip you can click into is a Popover.

Escape dismisses and focus returns to the trigger, from the shared Overlay base.

Destructive items never read as neutral ones.

Traps focus, returns it to the trigger on close, and never stacks.

Inline and persistent — not a toast, which is Tier 2 with its own timing contract.

Sticky headers survive scroll, and row hover is Item's token rather than a table-specific highlight.