Actions

Common buttons

ElevatedFilledFilled TonalOutlinedText
IconaddIconaddIconaddIconaddIconadd
ElevatedFilledFilled TonalOutlinedText

Floating action buttons

addaddaddadd

Icon buttons

SettingsSettingsSettingsSettings
SettingsSettingsSettingsSettings

Segmented buttons

calendar_view_daycalendar_view_weekcalendar_view_monthcalendar_today

Communication

Badges

notificationsmail

Progress indicators

play_arrow

Elevation

Ripple

Tap me for ripple effect (also for a snackbar!)

Focus ring

Containment

Card

more_vert
Elevated
more_vert
Filled
more_vert
Outlined

Divider

Dialog

Show dialog
Dialog title
A simple dialog with free-form content.
Ok

List

FruitsAppleBanana
Cucumber
Cucumbers are long green fruits that are just as long as this multi-line description
Shop for Kiwis
This will link you out in a new tab
open_in_new

Items

    FruitsAppleBanana
    Cucumber
    Cucumbers are long green fruits that are just as long as this multi-line description

Selection

Checkboxes

Chips

eventAssistFilterInputSuggestioneventAssistFilterInputSuggestion

Radio buttons

Switches

Sliders

Menus

Show menu

Select

Option 1Option 2

Navigation

Tabs

videocamVideoimagePhotosmusic_noteAudio

Navigation bar

homehomegroupgroupnotificationsnotifications

Navigation drawer

Show drawer

Top app bars

arrow_back
Center-aligned
more_vert
arrow_back
Small
attach_filecalendar_todaymore_vert
arrow_back
Medium (with Elevation)
attach_filecalendar_todaymore_vert
Medium (with Elevation)
arrow_back
Large
attach_filecalendar_todaymore_vert
Large

Text Inputs

Text Fields

searchclosesearchclosesearchclosesearchclose