Components
The UI library. Every preview on these pages is rendered by the same markup the code panel shows, so what you copy is what you saw.
Actions
Button
The main way to commit to something — submit a form, confirm a booking, open a flow.
OpenIcon Button
A single action carried by an icon alone, with no visible label.
OpenNote Link
A link that runs inside a sentence rather than sitting on its own.
OpenTags and filters
Tag
A small, non-interactive label that says what something is.
OpenChip
An interactive filter that turns on and off.
OpenForm controls
Input
A single line of text entry.
OpenField
An input with its label, helper text and error message as one unit.
OpenSelect
A choice from a list that is too long to show all at once.
OpenCheckbox
An independent yes or no, on its own or in a list where several can be true.
OpenRadio
One choice from a small set where the options exclude each other.
OpenSearch Bar
Free-text search over a set of content.
OpenDisclosure and feedback
Accordion
A section that opens in place to reveal more.
OpenAlert
A message about the state of the page or of something the person just did.
OpenProgress Bar
How far through a process something is.
OpenScroll Dots
Position within a horizontally scrolling set.
Open