compose-preview Material 3 Design Kit

Utilities

0 of 18 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
Shared Building Blocks/Slot-component — no code behind this Building Blocks/status-bar — no code behind this Building Blocks/navigation — no code behind this Configuration=Base keyboard, Style=Portrait — no code behind this Configuration=Alphanumeric, Style=Portrait — no code behind this Configuration=Keypad, Style=Portrait — no code behind this Configuration=Numeric only, Style=Portrait — no code behind this Configuration=Base keyboard, Style=Landscape — no code behind this Configuration=Alphanumeric, Style=Landscape — no code behind this Configuration=Keypad, Style=Landscape — no code behind this Configuration=Numeric only, Style=Landscape — no code behind this Configuration=Base keyboard, Style=Floating — no code behind this Configuration=Alphanumeric, Style=Floating — no code behind this Configuration=Keypad, Style=Floating — no code behind this Configuration=Numeric only, Style=Floating — no code behind this Scrim — no code behind this Device frame — no code behind this Focus indicator — no code behind this
0 of 18 components implemented
Shared Building Blocks/Slot-componentno code behind this Building Blocks/status-barno code behind this Building Blocks/navigationno code behind this Configuration=Base keyboard, Style=Portraitno code behind this Configuration=Alphanumeric, Style=Portraitno code behind this Configuration=Keypad, Style=Portraitno code behind this Configuration=Numeric only, Style=Portraitno code behind this Configuration=Base keyboard, Style=Landscapeno code behind this Configuration=Alphanumeric, Style=Landscapeno code behind this Configuration=Keypad, Style=Landscapeno code behind this Configuration=Numeric only, Style=Landscapeno code behind this Configuration=Base keyboard, Style=Floatingno code behind this Configuration=Alphanumeric, Style=Floatingno code behind this Configuration=Keypad, Style=Floatingno code behind this Configuration=Numeric only, Style=Floatingno code behind this Scrimno code behind this Device frameno code behind this Focus indicatorno code behind this