Material Web Playground
code
palette
Theming
Components
widgets
Badge
widgets
Button
widgets
Floating action button
widgets
Segmented button
check_box
Checkbox
widgets
Chips
widgets
Dialog
widgets
Divider
widgets
Icon
list
List
more_vert
Menu
widgets
Navigation bar
widgets
Navigation drawer
widgets
Navigation tab
radio_button_checked
Radio
widgets
Select
widgets
Slider
toggle_on
Switch
text_fields
Text field
widgets
Chips
Presents a list of items as a set of small, tactile entities.
Resources
material_design
Material 3 Guidelines
open_in_new
code
Source code
open_in_new
Demos
Kitchen sink
Assist
Default
event
Default, no icon
Elevated
website
Elevated, no icon
Disabled
mic
Disabled, no icon
Disabled + elevated
mic
Disabled + elevated, no icon
Filter
Default
laundry
No icon
Elevated
accessible
Elevated, no icon
Disabled
outdoor_garden
Disabled, no icon
Disabled + elevated
pets
Disabled + elevated, no icon
Suggestion
Default
email
No icon
Elevated
email
Elevated, no icon
Disabled
email
Disabled, no icon
Disabled + elevated
email
Disabled + elevated, no icon