compose-preview Remote Compose Material 3

Status

Settings

Page theme Match the preview theme Follow my system

Selecting a Light or Dark preview theme paints this page to match. Choose Follow my system to keep the page on your operating system's setting.

Keyboard Power-user navigation

Jump between components, variants, modes, and overrides with shortcuts and an on-screen command palette.

Button Tonal

button-tonal__ideal__icon__compact 70 views

Revision 2026-10-01 22:37 UTC f18ca640 pinned

Tonal button on the theme's surface-container emphasis.

Pinned to catalog revision f18ca640, published 2026-10-01 22:37 UTC — these pixels cannot change. view current

Issues#325closed

#138 Parity visual scores are dominated by framing, not divergence — fixed on :catalog, still open on :remote-catalogclosed · parity:upstream
#294 `:remote-catalog`: four fixture divergences make the compare page report content differences as component defectsclosed · area:preview · parity:catalog
#325 Upstream: `RemoteButtonDefaults` still collapses filled, filled-variant and tonal disabled coloursopen · area:component · parity:upstream

index as of 2026-10-02 09:23 UTC

Pinned revision: Theme overrides are not applied; Source, SVG, and 3D use the current catalog and are unavailable.

View

Choose backdrop

Size

Size mode

Locale & text

Locale Font scale: default

Overrides

Declared overrides — static bundle, values are baked in.

enabled icon iconSize

Compare10 variants of Button Tonal, against Design referenceM3 Wear OS Apps Design Kit

Design referenceM3 Wear OS Apps Design KitRemote Compose Material 3Match
ideal/default/compactnot scorednot scored
ideal/disabled/compactnot scorednot scored
ideal/icon-disabled/compactnot scorednot scored
ideal/icon-extra-large-disabled/compactnot scorednot scored
ideal/icon-extra-large/compactnot scorednot scored
ideal/icon-large-disabled/compactnot scorednot scored
ideal/icon-large/compactnot scorednot scored
ideal/icon/compacton the stagenot scorednot scored
ideal/left-disabled/compactnot scorednot scored
ideal/left/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.

report a catalog issue

Export PNG Download