Components

A small count, label, or category tag.

An inline message about the region it sits in, with an optional action.

The primary action control.

A content card, outline or filled, plain, numbered, illustrated, linked or large, for product surfaces and base.org sections.

The grid a section's Cards sit in, with two or three columns and room for a tall or wide card.

A modal surface that blocks the page until it is dismissed.

A centred placeholder for a region with no content to show.

Scenes for empty states, feature icons for cards and steps, and card art. All follow the theme.

An inline text link for navigation within running text.

A list of actions or links revealed from a trigger, in a compact size and a large size with framed icons and descriptions.

A card that reads a title, a number, and a trend, charted as a line, bars over time, or a comparison across categories.

A labelled input for a single numeric value.

A floating surface anchored to the control that opened it.

A single-choice control that shows every option at once.

A button that opens a listbox to choose one option, or several.

A sweeping highlight that plays over a loading surface.

A placeholder that mirrors content while it loads.

An indeterminate loading indicator.

One headline number with its label, counting up into view, on its own, in a card or in a banner.

A pill or live indicator showing the current state of a resource.

A toggle for a setting that applies immediately.

Switch between views of the same context in place.

A wrapping set of selectable tags for filters and multi-choice chip sets.

A labelled single-line text input with description and error slots.

A short label revealed on hover or keyboard focus.

A small dot marking something as new or unread.