Components

What is it and what category does it belong to?

Common Buttons- Buttons prompt most actions in a UI

ACTIONS

What is it and what category does it belong to?

Extended FAB- Help people take primary actions

ACTIONS

What is it and what category does it belong to?

Floating action buttons - Help people take primary actions

ACTIONS

What is it and what category does it belong to?

Icon buttons - help people take minor actions with one tap

ACTIONS

What is it and what category does it belong to?

Segmented button - help people select options, switch views, or sort elements

ACTIONS

What is it and what category does it belong to?

Badges - show notifications, counts, or status information on navigation items & icons

COMMUNICATION

What is it and what category does it belong to?

Progress indicators - show the status of a progress in real time

COMMUNICATION

What is it and what category does it belong to?

Snackbar - show short updates about app progress at the bottom of the screen

COMMUNICATION

What is it and what category does it belong to?

Tooltips - display brief labels or messages

COMMUNICATION

What is it and what category does it belong to?

Bottom sheets - show secondary content anchored to the bottom of the screen

CONTAINMENT

What is it and what category does it belong to?

Cards - display content & actions about a single subject

CONTAINMENT

What is it and what category does it belong to?

Carousel - show a collection of items that can be scrolled on & off the screen

CONTAINMENT

What is it and what category does it belong to?

Dialogs - provide important prompts in the user flow

CONTAINMENT

What is it and what category does it belong to?

Divider - thin lines that group content in lists or other containers

CONTAINMENT

What is it and what category does it belong to?

Lists - continuous, vertical indexes of text & images

CONTAINMENT

What is it and what category does it belong to?

Side sheets - show secondary content anchored to the side of the screen

CONTAINMENT

What is it and what category does it belong to?

Bottom app bar - display navigation & key at the bottom of mobile & tablet screens

NAVIGATION

What is it and what category does it belong to?

Navigation bar - let people switch between UI views on smaller devices

NAVIGATION

What is it and what category does it belong to?

Navigation drawer - let people switch UI views on larger devices

NAVIGATION

What is it and what category does it belong to?

Navigation rail - let people switch between UI views on mid-sized devices

NAVIGATION

What is it and what category does it belong to?

Search - lets people enter a keyword or phrase to get relevent information

NAVIGATION

What is it and what category does it belong to?

Tabs - organize content across different screens & views

NAVIGATION

What is it and what category does it belong to?

Top app bar - display navigation, actions, & text at the top of a screen

NAVIDATION

What is it and what category does it belong to?

Checkbox - let users select one or more items from a list, or turn an item on or off

SELECTION

What is it and what category does it belong to?

Chips - help people enter information, make selections, filter content, or trigger actions

SELECTION

What is it and what category does it belong to?

Date pickers - let people select a date, or a range of dates

SELECTION

What is it and what category does it belong to?

Menus - display a list of choices on a temporary surface

SELECTION

What is it and what category does it belong to?

Radio button - let people select one option from a set of options

SELECTION

What is it and what category does it belong to?

Sliders - let users make selections from a range of values

SELECTION

What is it and what category does it belong to?

Switch - toggle the selection of an item on or off

SELECTION

What is it and what category does it belong to?

Time pickers - help users select and set a specific time

SELECTION

What is it and what category does it belong to?

Text fields - let the users enter text into a UI

TEXT INPUTS