All components
Every component the library exports, grouped by what it is for.
Inputs
Button
Triggers an action.
Action Button
A main action with a menu of other actions.
Checkbox
Checkbox and radio controls with a linked label and description.
Input
A native text input, and TextInput, the labelled field.
Input Label
The label, required star and description above a field.
Textarea
Multi-line text with a counter and loading content.
Select
Picks one or more values from a list.
Slider
Picks a number or a range by dragging along a track.
Switch
Turns a setting on or off.
Data display
Avatar
A photo, initials or glyph for a person, and stacked groups.
Badge
A short status or count label.
Table
Styled table parts for rows your own state or data library renders.
Token
A compact label with optional icons and a remove button.
Tooltip
A short description shown on hover and focus.
Typography
Text in one of the text styles, with a matching element.
Feedback
Banner
An inline message about the page or a section.
Dialog
A modal window, including alert dialogs that need a decision.
Drawer
A panel from the side or the bottom for editing without leaving the page.
Progress Bar
Shows how far a task has run, or that it is running.
State
An illustration and message for empty, error and informational states.
Toast
A brief message that appears and leaves on its own.
Navigation
Breadcrumb
Shows where the page sits in the hierarchy.
Menu
A list of actions opened from a trigger.
Dropdown Menu
A value picker with a button trigger and a list of options.
Step
One step indicator with its label and status.
Stepper
A row of steps whose status follows the active step.
Tabs
Switches between panels in the same context.