compose-preview Remote Compose Material 3

Switch Button

switchbutton__ideal__disabled__compact 45 views
Revision df084f04 df084f04 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.

A labelled row that flips a switch; for a setting that takes effect immediately.

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

Compare8 variants of Switch Button, against Design referenceM3 Wear OS Apps Design Kit

  1. ideal/default/compactnot scorednot scored
  2. ideal/disabled/compacton the stagenot scorednot scored
  3. ideal/split-disabled/compactnot scorednot scored
  4. ideal/split/compactnot scorednot scored
  5. ideal/unselected-disabled/compactnot scorednot scored
  6. ideal/unselected-split-disabled/compactnot scorednot scored
  7. ideal/unselected-split/compactnot scorednot scored
  8. ideal/unselected/compactnot scorednot scored

every component →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.