Components

Components are interactive building blocks for creating a user interface. They can be organized into five categories based on their purpose: Action, containment, navigation, selection, and text input.

Buttons

Buttons

Buttons help users initiate actions or flow. Choose from different types of buttons to inform emphasis.
Cards

Cards

Cards contain content and actions about a single subject.
Featured carousel
Featured carousel highlights a set of media in a full-width container. Guide users towards featured content.
Immersive list

Immersive list

Immersive list highlights a selected item to show immersive content. Use it to emphasis your content.
Lists

Lists

Continuous, vertical indexes of text or images. Use lists to help users select from a collection.
Navigation drawer
Navigation drawers provide access to destinations in an app. Drawers are always available at the edge of the screen
Tabs

Tabs

Tabs offer a convenient way to switch between primary destinations in an app. Tabs stick to the top of the display.