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__default__compact 201 views

Revision b4347a67 b4347a67 pinned

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

Pinned to catalog revision b4347a67 — these pixels cannot change. view current

Issues#138#325closed

#138 Parity visual scores are dominated by framing, not divergence — fixed on :catalog, still open on :remote-catalogopen · 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-09-27 02:29 UTC

spec diff → 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 alignment

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

FigmaM3 Wear OS Apps Design KitRemote Compose Material 3Match
ideal/default/compacton the stage98.8%not scoreddiff →
ideal/disabled/compact99.7%not scoreddiff →
ideal/icon-disabled/compact96.9%not scoreddiff →
ideal/icon-extra-large-disabled/compact96.2%not scoreddiff →
ideal/icon-extra-large/compact92.3%not scoreddiff →
ideal/icon-large-disabled/compact96.9%not scoreddiff →
ideal/icon-large/compact93.7%not scoreddiff →
ideal/icon/compact93.5%not scoreddiff →
ideal/left-disabled/compact91.3%not scoreddiff →
ideal/left/compact81.6%not scoreddiff →

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