Material Web Playground

code

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

Segmented button

Resources

Material 3 Guidelines
Source code

Demos

Default

Visibility:

lock

group

public

Multi-select

Foods:

Icons only

Currency:

euro

currency_yen

currency_pound

currency_rupee

currency_ruble

currency_yuan

currency_lira

currency_franc

currency_bitcoin

money_off