compose-preview M3 Wear OS Apps Design Kit

.Meta components

0 of 42 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
Type=Primary — no code behind this Type=Secondary — no code behind this Type=Color Label, Background=Light — no code behind this Type=Font Label, Background=Light — no code behind this Type=Corner, Background=Light — no code behind this Type=Contrast, Background=Light — no code behind this Type=Color Label, Background=Dark — no code behind this Type=Font Label, Background=Dark — no code behind this Type=Corner, Background=Dark — no code behind this Type=Contrast, Background=Dark — no code behind this Type=Pass — no code behind this Type=Okay — no code behind this Type=Fail — no code behind this Scaling=Yes — no code behind this Scaling=No — no code behind this Size=xSml 192 (Legacy) — no code behind this Size=Sml 204 — no code behind this Size=Med 216 — no code behind this Size=Lrg 225 (breakpoint) — no code behind this Size=xLrg 240 — no code behind this Strap=No, Height=Fixed height, Size=RohanEOS 192 — no code behind this Strap=Yes, Height=Fixed height, Size=RohanEOS 192 — no code behind this Strap=No, Height=Scroll, Size=RohanEOS 192 — no code behind this Strap=Yes, Height=Scroll, Size=RohanEOS 192 — no code behind this Strap=No, Height=Fixed height, Size=Selene 204 — no code behind this Strap=Yes, Height=Fixed height, Size=Selene 204 — no code behind this Strap=No, Height=Scroll, Size=Selene 204 — no code behind this Strap=Yes, Height=Scroll, Size=Selene 204 — no code behind this Strap=No, Height=Fixed height, Size=Menari 216 — no code behind this Strap=Yes, Height=Fixed height, Size=Menari 216 — no code behind this Strap=No, Height=Scroll, Size=Menari 216 — no code behind this Strap=Yes, Height=Scroll, Size=Menari 216 — no code behind this Strap=No, Height=Fixed height, Size=OEM 225 — no code behind this Strap=Yes, Height=Fixed height, Size=OEM 225 — no code behind this Strap=No, Height=Scroll, Size=OEM 225 — no code behind this Strap=Yes, Height=Scroll, Size=OEM 225 — no code behind this Strap=No, Height=Fixed height, Size=Kenari 240 — no code behind this Strap=Yes, Height=Fixed height, Size=Kenari 240 — no code behind this Strap=No, Height=Scroll, Size=Kenari 240 — no code behind this Strap=Yes, Height=Scroll, Size=Kenari 240 — no code behind this Height=Fixed — no code behind this Height=Scroll — no code behind this
0 of 42 components implemented
Type=Primaryno code behind this Type=Secondaryno code behind this Type=Color Label, Background=Lightno code behind this Type=Font Label, Background=Lightno code behind this Type=Corner, Background=Lightno code behind this Type=Contrast, Background=Lightno code behind this Type=Color Label, Background=Darkno code behind this Type=Font Label, Background=Darkno code behind this Type=Corner, Background=Darkno code behind this Type=Contrast, Background=Darkno code behind this Type=Passno code behind this Type=Okayno code behind this Type=Failno code behind this Scaling=Yesno code behind this Scaling=Nono code behind this Size=xSml 192 (Legacy)no code behind this Size=Sml 204no code behind this Size=Med 216no code behind this Size=Lrg 225 (breakpoint)no code behind this Size=xLrg 240no code behind this Strap=No, Height=Fixed height, Size=RohanEOS 192no code behind this Strap=Yes, Height=Fixed height, Size=RohanEOS 192no code behind this Strap=No, Height=Scroll, Size=RohanEOS 192no code behind this Strap=Yes, Height=Scroll, Size=RohanEOS 192no code behind this Strap=No, Height=Fixed height, Size=Selene 204no code behind this Strap=Yes, Height=Fixed height, Size=Selene 204no code behind this Strap=No, Height=Scroll, Size=Selene 204no code behind this Strap=Yes, Height=Scroll, Size=Selene 204no code behind this Strap=No, Height=Fixed height, Size=Menari 216no code behind this Strap=Yes, Height=Fixed height, Size=Menari 216no code behind this Strap=No, Height=Scroll, Size=Menari 216no code behind this Strap=Yes, Height=Scroll, Size=Menari 216no code behind this Strap=No, Height=Fixed height, Size=OEM 225no code behind this Strap=Yes, Height=Fixed height, Size=OEM 225no code behind this Strap=No, Height=Scroll, Size=OEM 225no code behind this Strap=Yes, Height=Scroll, Size=OEM 225no code behind this Strap=No, Height=Fixed height, Size=Kenari 240no code behind this Strap=Yes, Height=Fixed height, Size=Kenari 240no code behind this Strap=No, Height=Scroll, Size=Kenari 240no code behind this Strap=Yes, Height=Scroll, Size=Kenari 240no code behind this Height=Fixedno code behind this Height=Scrollno code behind this

Report a problem

Two trackers — pick whichever owns the thing that is wrong.