Components

Buttons help people take actions in a UI.

Icon buttons enable minor actions with one tap.

Show short updates about app processes

Display brief labels or messages

Containers that display content and actions.

Provide important prompts in a user flow

Thin lines to group and divide containers

Continuous, vertical indexes of text and images

Display sets of data across rows and columns

Show secondary content on side of the screen.

Help understand the navigation hierarchy

Provide multi-level navigation

Navigate between the first level of an app

Organize content across different screens

Display actions at the top of a screen

Select one or more items from a list

Filter content, make selections or trigger actions

Select a date or a range of dates

Display a list of choices on a temporary surface

Select one option from a small set

Select a value from multiple options

Toggle the selection of an item

Text fields and areas let people enter/edit text