compose-preview M3 Wear OS Apps Design Kit

Icon Toggle Button

icontogglebutton__ideal__rounded-large 147 views
Revision ed56c0a8 ed56c0a8 pinned

Every publish of this design system is a commit on its delivery branch. Opening one pins this page — and the pixels on it — to that publish for good.

An icon that holds an on/off state, with the kit's size and state axes folded in.

Pinned to catalog revision ed56c0a8 — these pixels cannot change. view current
spec diff → Pinned revision: Theme overrides are not applied; Source, SVG, and 3D use the current catalog and are unavailable.
Icon Toggle Button
Size
Locale & text
Overrides
Declared overrides — static bundle, values are baked in.

Compare16 variants of Icon Toggle Button, against Figma

  1. ideal/defaultnot scoreddiff →
  2. ideal/disablednot scoreddiff →
  3. ideal/disabled-extra-largenot scoreddiff →
  4. ideal/disabled-largenot scoreddiff →
  5. ideal/disabled-smallnot scoreddiff →
  6. ideal/extra-largenot scoreddiff →
  7. ideal/largenot scoreddiff →
  8. ideal/offnot scoreddiff →
  9. ideal/off-extra-largenot scoreddiff →
  10. ideal/off-largenot scoreddiff →
  11. ideal/off-smallnot scoreddiff →
  12. ideal/roundednot scoreddiff →
  13. ideal/rounded-extra-largenot scoreddiff →
  14. ideal/rounded-largeon the stagenot scoreddiff →
  15. ideal/rounded-smallnot scoreddiff →
  16. ideal/smallnot scoreddiff →

every component →

Pre-rendered snapshot — overrides (size, locale, font scale) need the live server, not a published catalog. Enable a local preview server.
Export PNG Download

Report a problem

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