Overview

Components are one of the key building blocks of the design system. Their systematic reuse helps to create visual and functional consistency across products.

List

Each component has been designed and coded to solve a specific UI problem, such as presenting a list of options, enabling submission of a form, providing feedback to the user, and so on.

Component	Description
Alerts	Type of notification that displays important information and may provide optional related actions.
Buttons	Allow users to take actions, and make choices, with a single tap.
Cards	Create boundaries and contain content and actions about a single subject.
Chips	Compact elements that represent an input, attribute, or action.
Date pickers	Allow users to select a single instance or range of dates.
File uploaders	Allow users to upload their own files.
Pagination	Commonly used for things like table listings, search results, and directories.
Progress	Express an unspecified wait time or display the length of a process.
Snackbars	Type of notification that provide brief messages at the bottom of the screen.
Steppers	Convey progress through logical and numbered steps.
Tables	Display information in a grid-like format of rows and columns.
Tabs	Organize related content across different screens, data sets, and other interactions.
Text fields	Inputs that enable users to enter free-form text data.
Tooltips	Display informative text when users hover over, focus on, or tap an element.
WYSIWYG	Type of editing software that allows easy editing of content.