Atoms

The smallest reusable units — buttons, tags and badges.

A round portrait standing for a person or entity

Pins an unread count to the corner of its host

Triggers a single action

Joins several buttons into one unit

An item that can be selected or removed

Dismisses dialogs, drawers and toasts

Writes a piece of text to the clipboard

A prominent action at the edge of a page or container

An icon-only button that requires a name

A small dot that shows a status

A placeholder that holds the shape of loading content

A spinning indicator for work in progress

A primary action joined to a menu of alternatives

A short label for status, category or attribute