compose-preview M3 Wear OS Apps Design Kit

Media Controls

0 of 43 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
Position=Centre, Scrolling=No, Icon=No, Large Screen=No, Disabled=No, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=Yes, Disabled=No, Placeholder/Loading=No — no code behind this Position=Left, Scrolling=Yes, Icon=No, Large Screen=No, Disabled=No, Placeholder/Loading=No — no code behind this Position=Left, Scrolling=Yes, Icon=No, Large Screen=Yes, Disabled=No, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=Yes, Icon=No, Large Screen=No, Disabled=No, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=Yes, Icon=No, Large Screen=Yes, Disabled=No, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=No, Disabled=Yes, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=Yes, Disabled=Yes, Placeholder/Loading=No — no code behind this Position=Left, Scrolling=No, Icon=Yes, Large Screen=No, Disabled=No, Placeholder/Loading=No — no code behind this Position=Left, Scrolling=No, Icon=Yes, Large Screen=Yes, Disabled=No, Placeholder/Loading=No — no code behind this Position=Left, Scrolling=Yes, Icon=Yes, Large Screen=No, Disabled=No, Placeholder/Loading=No — no code behind this Position=Left, Scrolling=Yes, Icon=Yes, Large Screen=Yes, Disabled=No, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=Yes, Icon=Yes, Large Screen=No, Disabled=No, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=Yes, Icon=Yes, Large Screen=Yes, Disabled=No, Placeholder/Loading=No — no code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=No, Disabled=Yes, Placeholder/Loading=Yes — no code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=Yes, Disabled=Yes, Placeholder/Loading=Yes — no code behind this Playing=Yes, Large Screen=No, Shape=Scalloped, Disabled=No, Progress=80%, AOD=No — no code behind this Playing=Yes, Large Screen=Yes, Shape=Scalloped, Disabled=No, Progress=80%, AOD=No — no code behind this Playing=Yes, Large Screen=No, Shape=Scalloped, Disabled=No, Progress=20%, AOD=No — no code behind this Playing=Yes, Large Screen=Yes, Shape=Scalloped, Disabled=No, Progress=20%, AOD=No — no code behind this Playing=Yes, Large Screen=No, Shape=Scalloped, Disabled=No, Progress=80%, AOD=Yes — no code behind this Playing=Yes, Large Screen=Yes, Shape=Scalloped, Disabled=No, Progress=80%, AOD=Yes — no code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=No, Progress=80%, AOD=No — no code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=No, Progress=80%, AOD=No — no code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=No, Progress=20%, AOD=No — no code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=No, Progress=20%, AOD=No — no code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=No, Progress=80%, AOD=Yes — no code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=No, Progress=80%, AOD=Yes — no code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=Yes, Progress=80%, AOD=No — no code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=Yes, Progress=80%, AOD=No — no code behind this Buttons=1, Disabled=No, AOD=No — no code behind this Buttons=2, Disabled=No, AOD=No — no code behind this Buttons=3, Disabled=No, AOD=No — no code behind this Buttons=1, Disabled=No, AOD=Yes — no code behind this Buttons=2, Disabled=No, AOD=Yes — no code behind this Buttons=3, Disabled=No, AOD=Yes — no code behind this Buttons=1, Disabled=Yes, AOD=No — no code behind this Buttons=2, Disabled=Yes, AOD=No — no code behind this Buttons=3, Disabled=Yes, AOD=No — no code behind this Large Screen=No, AOD=No — no code behind this Large Screen=No, AOD=Yes — no code behind this Large Screen=Yes, AOD=No — no code behind this Large Screen=Yes, AOD=Yes — no code behind this
0 of 43 components implemented
Position=Centre, Scrolling=No, Icon=No, Large Screen=No, Disabled=No, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=Yes, Disabled=No, Placeholder/Loading=Nono code behind this Position=Left, Scrolling=Yes, Icon=No, Large Screen=No, Disabled=No, Placeholder/Loading=Nono code behind this Position=Left, Scrolling=Yes, Icon=No, Large Screen=Yes, Disabled=No, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=Yes, Icon=No, Large Screen=No, Disabled=No, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=Yes, Icon=No, Large Screen=Yes, Disabled=No, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=No, Disabled=Yes, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=Yes, Disabled=Yes, Placeholder/Loading=Nono code behind this Position=Left, Scrolling=No, Icon=Yes, Large Screen=No, Disabled=No, Placeholder/Loading=Nono code behind this Position=Left, Scrolling=No, Icon=Yes, Large Screen=Yes, Disabled=No, Placeholder/Loading=Nono code behind this Position=Left, Scrolling=Yes, Icon=Yes, Large Screen=No, Disabled=No, Placeholder/Loading=Nono code behind this Position=Left, Scrolling=Yes, Icon=Yes, Large Screen=Yes, Disabled=No, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=Yes, Icon=Yes, Large Screen=No, Disabled=No, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=Yes, Icon=Yes, Large Screen=Yes, Disabled=No, Placeholder/Loading=Nono code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=No, Disabled=Yes, Placeholder/Loading=Yesno code behind this Position=Centre, Scrolling=No, Icon=No, Large Screen=Yes, Disabled=Yes, Placeholder/Loading=Yesno code behind this Playing=Yes, Large Screen=No, Shape=Scalloped, Disabled=No, Progress=80%, AOD=Nono code behind this Playing=Yes, Large Screen=Yes, Shape=Scalloped, Disabled=No, Progress=80%, AOD=Nono code behind this Playing=Yes, Large Screen=No, Shape=Scalloped, Disabled=No, Progress=20%, AOD=Nono code behind this Playing=Yes, Large Screen=Yes, Shape=Scalloped, Disabled=No, Progress=20%, AOD=Nono code behind this Playing=Yes, Large Screen=No, Shape=Scalloped, Disabled=No, Progress=80%, AOD=Yesno code behind this Playing=Yes, Large Screen=Yes, Shape=Scalloped, Disabled=No, Progress=80%, AOD=Yesno code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=No, Progress=80%, AOD=Nono code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=No, Progress=80%, AOD=Nono code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=No, Progress=20%, AOD=Nono code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=No, Progress=20%, AOD=Nono code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=No, Progress=80%, AOD=Yesno code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=No, Progress=80%, AOD=Yesno code behind this Playing=No, Large Screen=No, Shape=Circle, Disabled=Yes, Progress=80%, AOD=Nono code behind this Playing=No, Large Screen=Yes, Shape=Circle, Disabled=Yes, Progress=80%, AOD=Nono code behind this Buttons=1, Disabled=No, AOD=Nono code behind this Buttons=2, Disabled=No, AOD=Nono code behind this Buttons=3, Disabled=No, AOD=Nono code behind this Buttons=1, Disabled=No, AOD=Yesno code behind this Buttons=2, Disabled=No, AOD=Yesno code behind this Buttons=3, Disabled=No, AOD=Yesno code behind this Buttons=1, Disabled=Yes, AOD=Nono code behind this Buttons=2, Disabled=Yes, AOD=Nono code behind this Buttons=3, Disabled=Yes, AOD=Nono code behind this Large Screen=No, AOD=Nono code behind this Large Screen=No, AOD=Yesno code behind this Large Screen=Yes, AOD=Nono code behind this Large Screen=Yes, AOD=Yesno code behind this

Report a problem

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