Action
Button
Buttons are used primarily for actions. Plain buttons, are used for less important actions.
ButtonGroup
A set of related actions that can be selected or used as toggle between sections.
SplitButton
A split button offers the user a default action as well as a set of alternative actions.
Checkbox
Checkboxes are most commonly used to give users a way to make a range of selections.
Chip
A compact element to represent a value.
DropIndicator
Lets users select and move items on the screen.
Radio
Used to present each item in a list of options where users must make a single selection.
Switch
Switches give organisers control over a feature or option that can be switched on or off.
Tab
Use to alternate among related views within the same context.
Feedback
Alert
Informs users about important changes or persistent conditions.
AlertDialog
Alert dialogs display globally useful information for new and existing customers.
Badge
Badges are used to inform organisers of the status of an object or of an action that’s been taken.
InlineStatus
InlineStatus is used when you want to show a status message inside the content flow of a page.
Toast
A non-destupting notification that provides a simple message that shouldn't be actionable.
Tooltip
Floating labels that briefly explain the function of a user interface element.
Input
ColorField
Lets customers select a color, for example statuses of features or integrations.
NumberField
Displays numeric values in incremental steps when required.
Search
Search is a variation of TextField for searching.
Select
Select lets users choose single or multiple options from a DropdownMenu.
SelectChip
Used when multiple selections from a DropdownMenu need to be visible within a Select.
SelectGroup
A group of Select components that are used together.
TextArea
Allows a user to write text over multiple rows.
TextField
A TextField is an input field that users can type into.
Pattern
Card
Cards are used to display set information together for easy scanning.
Container
Container is the master component for lots of our reusable patterns within our design system.
ContextMenu
A list of selectable actions inside of a container that is toggled by the user.
DropdownMenu
Dropdown displays a list of single or multi selectable actions.
Menu
Made up of a list of actions or selectable list items.
Modal
Focuses people's attention on a single critical task or piece of information.
Forms
This guidance aims to reduce the complexity of completing a task.
Text