Layout and content

Structure interfaces with responsive layouts, content surfaces, icons, grouped views and dialogs.

Component guides

A semantic surface for settings, summaries and grouped content. Control its tone, treatment and inner layout without losing the theme.

Arrange content along one axis, from compact inline metadata to responsive application toolbars.

Responsive columns and explicit CSS tracks for cards, settings and content layouts.

A consistent heading hierarchy with an eyebrow, subtitle and supporting footnote.

Progressively disclose details with a native, keyboard-operable summary and a themed content surface.

Render a registered SVG symbol with the surrounding text color and a deliberate accessible name.

Give an icon a consistent size, semantic color and framed treatment for cards, metrics and status summaries.

Related views with persistent panels and keyboard controls.

One labelled view within Tabs, with its own content surface, icon and availability state.

Native dialogs with focus handling and flexible slots.

A labelled button that opens a matching Modal through the standard dialog runtime.