Components are the building blocks of the design system designed with users in mind.
The in-field, high-contrast library is specific to applications used outdoors.
The accordion element delivers large amounts of content in a small space through progressive disclosure.
Alarms tell the user of a critical system problem.
Badges are non-interactive labels which hold small amounts of information.
Buttons are interactive elements that trigger an action or an event.
Cards contain content and actions about a single subject.
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.
Lists are made of list items. 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 a notification or prompt.
Modal dialogs interrupt workflows and require user interaction.
The navbar provides context through globally accessible menu options.
Notifications provide unobtrusive, short-lasting, contextual feedback to the user.
Progress indicators express an unspecified wait time or display the length of a process.
Prompts inform the user about a decision they need to make or a system event they need to know about.
Radio buttons are used when options are mutually exclusive.
Scrollbars indicates a user's location in a document that is larger than the viewing space.
A segmented control is a linear set of two or more segments, each of which functions as a button.
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.