Skip to main content

Core

17 pages

The one surface where brand-ui's third-party notices are shown.

5 examples

Compact status/label chip (status, count, category).

4 examples

Primary action trigger — the canonical way to invoke an action.

8 examples

Surface grouping related content into a bordered, padded block.

12 examples

A single affordance for an icon-only control: label becomes both the aria-label and the tooltip text, so they cannot diverge.

4 examples

Single-line text field — the base form input.

4 examples

A rich, presentational link-preview card (unfurled URL / bookmark block).

7 examples

Single KPI tile — label, value, delta/trend.

16 examples

The INLINE composer pill; a full palette in a dialog is a CommandDialog you compose yourself — see [Choosing between similar components](?path=/docs/docs-choosing-between-similar-components--docs).

9 examples

Animates its content in on mount (fade + directional slide/zoom).

2 examples

The closed seven-state execution-status vocabulary, each state carrying its own icon as well as its own tone.

8 examples

Switch between peer views in the same context without navigating away.

7 examples

Multi-line text input, sized by rows and auto-growing when asked.

3 examples

One control that re-skins a page across theme families (concept §5a): a row of two-tone family chips with roving focus — Tab enters the row, arrow keys move, Enter/Space apply — plus an optional Light/Dark toggle.

5 examples

Adaptive theme control.

8 examples

The GENERIC ordered-steps rail; an agent execution trace is AI/AgentTimeline and git history is Data/RevisionTimeline — see [Choosing between similar components](?path=/docs/docs-choosing-between-similar-components--docs).

10 examples

Choose the workspace or project directory a session runs against, from recents or a typed path.

7 examples