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 Filled Variant

button-filledvariant__ideal__icon-disabled__compact 94 views

Revision 8a19166a 8a19166a pinned

The kit's highlighted style — a filled button in the variant palette.

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

Issues#294#326

#294 `:remote-catalog`: four fixture divergences make the compare page report content differences as component defectsclosed · area:preview · parity:catalog
#326 Upstream: `filledVariantButtonColors()` resolves `secondaryContentColor` to near-black on its own dark container — 2.07:1 against Wear's 5.95:1closed · area:component · parity:upstream

index as of 2026-10-20 11:12 UTC

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

Button Filled Variant

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 Filled Variant, 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/compacton the stagenot 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/compactnot 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