Components
Each component page explains the usage with live examples and their code, lists the specs like the API, and gives guidelines on when to use the component and when another one fits better. To see how components work together, have a look at the example apps.
Actions
Let people start an action, commit a choice or copy something.
Navigation
Move between applications, pages and the sections of a page.
Inputs & Forms
Enter text, numbers and dates, and structure them into forms.
Selection
Pick one or several options from a visible set.
Feedback & Loading
Tell people what happened, what went wrong and that something is in progress.
Contextual Information
Small labels, hints and symbols that add meaning to other content.
Containers & Overlays
Surfaces that group content, on the page or above it.
Data Display
Show collections of records as tables, lists and sequences.
Data Visualization
Charts and key figures that summarize numbers at a glance.
Layout
Arrange content on the page with consistent widths and spacing.
Internals
Building blocks used by other components. Rarely needed directly.
