Material 3 Guidelines 2025

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

apps

Actions

touch_app

Buttons

Core components for triggering actions in a UI

add

Floating Action Buttons

Floating action buttons for primary actions

add

Extended Floating Action Buttons

Extended floating action buttons for primary actions

add_circle

Floating Action Button Menus

Menus expanding from FABs for related actions

touch_app

Icon Buttons

Buttons with icons or segmented options for interaction

dock

Docked Toolbars

Fixed toolbars for frequent actions

build

Floating Toolbars

Dynamic toolbars for contextual actions

Communication

badge

BadgeDrawable

Badges for notifications or status on UI elements

notification_important

Snackbars

Brief updates about app processes at screen bottom

hourglass_top

Progress Indicators

Show unspecified wait times or process duration

loop

Loading Indicators

Visual cues for short loading processes

Containment

card_membership

Cards

Display content and actions for a single subject

vertical_align_bottom

Bottom Sheets

Secondary content anchored to the bottom of the screen

view_carousel

Carousels

Scrollable collection of items on and off screen

dialogs

Dialogs

Important prompts in a user flow

horizontal_rule

Dividers

Thin lines to group content in containers

view_sidebar

Side Sheets

Secondary content anchored to the side of the screen

text_format

Material TextView

Enhanced text display component for Material 3

Navigation

vertical_align_bottom

Bottom App Bars

Navigation and action bars at the bottom

navigation

Navigation Bars

Switch between UI views at the bottom

apps

Top App Bar

Navigation bars at the top of the screen

tab

Tabs

Organize content across different screens and views

view_list

Navigation Rail

Switch between UI views on mid-sized devices

drawer

Navigation Drawer

Switch between UI views on larger devices

Selection

check_box

Checkboxes

Select one or more items or toggle on/off

label

Chips

Enter info, make selections, filter, or trigger actions

event

Date Pickers

Select a date or range of dates

Menus

Display a list of choices on a temporary surface

radio_button_checked

Radio Buttons

Select one option from a set

tune

Sliders

Make selections from a range of values

toggle_on

Switches

Toggle the selection of an item on or off

schedule

Time Picker

Help users select and set a specific time

Text Inputs

text_fields

Text Field

Allow users to enter and edit text in a UI

Search

Enter keywords or phrases for relevant information

View our app on Google Play

Material 3 Guidelines 2025 | Developer Documentation