The accordion element delivers large amounts of content in a small space through progressive disclosure.
Alerts provide contextual information about system status that persists until dismissed or resolved.
Badges are non-interactive labels which hold small amounts of information.
The breadcrumb element is a secondary navigation pattern that shows hierarchy among content.
Buttons are interactive elements that trigger an action or an event.
Cards provide a set of content which acts as an entry point to more detailed information.
Checkboxes are used for a list of options where the user may select multiple options, including all or none.
Chips represent small blocks of information and are commonly used for input or filtering.
Dropdowns present a list of options that can be used to filter or sort existing content.
Input fields collect information from users.
A list can be used to display content related to a single subject.
Messages provide the user with contextual static information. They have a lower priority than an alert.
Modal dialogs interrupt workflows and require user interaction.
The navbar provides context through globally accessible menu options.
Pagination affords navigation between pages of content, and it highlights the page currently in view.
Progress indicators express an unspecified wait time or display the length of a process.
Radio buttons are used when options are mutually exclusive.
Sliders allow users to make selections from a range of values.
Spinners indicate progress by showing users a loading state.
Switches are used to toggle functionality.
Tables display information in a grid-like format of rows and columns.
Tabs are used to quickly navigate between views within the same context.
Toasts provide non-intrusive, short-lasting contextual feedback to the user.
Tooltips provide a short description of a page element or control.
Auto-response emails that follow an action by a subscriber or user.