compose-preview M3 Wear OS Apps Design Kit

Stepper

stepper__ideal__icon-no-button-fill__240dp 59 views
Theme Dark
current

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 value moved a step at a time, between buttons at the top and bottom of the screen, with the level rail the kit draws beside them.

Stepper
View
Size
Exploded 3D
One sheet per visible drawing level. Structural-only composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.
Locale & text
Overlays
Inspect
Overlays (Live Compose)
Overrides
Declared overrides — edit a value to re-render.

Compare40 variants of Stepper, against Design reference

  1. ideal/default/192dp47.9%diff →
  2. ideal/default/204dpnot scored
  3. ideal/default/216dpnot scored
  4. ideal/default/225dpnot scored
  5. ideal/default/240dpnot scored
  6. ideal/disabled/192dp88.8%diff →
  7. ideal/disabled/204dpnot scored
  8. ideal/disabled/216dpnot scored
  9. ideal/disabled/225dpnot scored
  10. ideal/disabled/240dpnot scored
  11. ideal/icon-disabled/192dp88.5%diff →
  12. ideal/icon-disabled/204dpnot scored
  13. ideal/icon-disabled/216dpnot scored
  14. ideal/icon-disabled/225dpnot scored
  15. ideal/icon-disabled/240dpnot scored
  16. ideal/icon-no-button-fill-disabled/192dp91.8%diff →
  17. ideal/icon-no-button-fill-disabled/204dpnot scored
  18. ideal/icon-no-button-fill-disabled/216dpnot scored
  19. ideal/icon-no-button-fill-disabled/225dpnot scored
  20. ideal/icon-no-button-fill-disabled/240dpnot scored
  21. ideal/icon-no-button-fill/192dp65.3%diff →
  22. ideal/icon-no-button-fill/204dpnot scored
  23. ideal/icon-no-button-fill/216dpnot scored
  24. ideal/icon-no-button-fill/225dpnot scored
  25. ideal/icon-no-button-fill/240dpon the stagenot scored
  26. ideal/icon/192dp41.5%diff →
  27. ideal/icon/204dpnot scored
  28. ideal/icon/216dpnot scored
  29. ideal/icon/225dpnot scored
  30. ideal/icon/240dpnot scored
  31. ideal/no-button-fill-disabled/192dp91.1%diff →
  32. ideal/no-button-fill-disabled/204dpnot scored
  33. ideal/no-button-fill-disabled/216dpnot scored
  34. ideal/no-button-fill-disabled/225dpnot scored
  35. ideal/no-button-fill-disabled/240dpnot scored
  36. ideal/no-button-fill/192dp66.3%diff →
  37. ideal/no-button-fill/204dpnot scored
  38. ideal/no-button-fill/216dpnot scored
  39. ideal/no-button-fill/225dpnot scored
  40. ideal/no-button-fill/240dpnot scored

every component →

source

▶ playground

report a catalog issue
Applied as a parity: label, so the catalog’s issue index can tell a difference that is ours from one that is not. Leave it on needs investigating if you are not sure — that is what it is for.Files against yschimke/wear-m3-catalog — the project whose code declares this preview, not the preview server. The rest of the report — what you were looking at, which build, the links — is filled in for you on GitHub.
Export PNG Download SVG Download

Report a problem

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