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.
Banners	Display a prominent message and related optional 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.
Checkboxes	Allow users to select one or more items from a set.
Chips	Compact elements that represent an input, attribute, or action.
Date pickers	Allow users to select a single instance or range of dates.
Dialogs	Inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
File uploaders	Allow users to upload their own files.
Menus	Display a list of choices on temporary surfaces.
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.
Switches	Toggle the state of a single item on or off.
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.