-
Alert
Displays a brief message without interrupting a user’s task.
-
Badge Count
A non-interactive numeric label.
-
Badge
Concise, non-interactive labels that represent metadata.
-
Breadcrumb
A secondary navigation that shows the user's current location.
-
Button Set
A set of buttons.
-
Button
An interactive element that initiates an action.
-
Card
A block container that provides styling for elevation, border, and background.
-
Dropdown
Hide/Show a list of actions or links with a toggle button.
-
Checkbox
A form element that allows users to select one or more items from a group of items.
-
Form Primitives
Elements used to compose form fields.
-
Radio Card
A type of radio input represented as a card.
-
Radio
A form element that allows users to select a single item from group of items.
-
Form::Select
A form element that allows users to choose one option from a list.
-
Text Input
A form element that provides users with a way to read, input, or edit data.
-
Form::Textarea
A form input that accepts multi-line text.
-
Toggle
A form element that allows users to select between two mutually exclusive states.
-
Icon Tile
Used to display an icon in a tile-like object.
-
Inline Link
A link used within a body of text.
-
Standalone Link
A link used in isolation and not as a part of surrounding body text.
-
Modal
A pop-up window used to request information, confirm a decision, or provide additional context.
-
Stepper Indicator
Helps the user maintain context and directionality when advancing through a multi-step flow or feature.
-
Table
Used to display organized, two-dimensional tabular data.
-
Tabs
Allows users to move among different views within the same context.
-
Tag
Used to indicate an object's categorization.
-
Template
[object Object]
-
Toast
Used to display messages that are the result of a user's actions.