compose-preview Material 3 Design Kit

Card Outlined

card-outlined__ideal__default__dark__compact 262 views
Revision 2026-08-27 10:58 UTC 2ef7b877 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.

Separated by outline, with media and text by default. The kit's empty slot layout and the action layouts fold in.

Pinned to catalog revision de1ee33e, published 2026-08-27 10:58 UTC — these pixels cannot change. view current
Pinned revision: Theme overrides are not applied; Source, SVG, and 3D use the current catalog and are unavailable.
Card Outlined
Size
Locale & text
Overrides
Declared overrides — static bundle, values are baked in.

Compare8 variants of Card Outlined, against Design reference

  1. ideal/actions/compactnot scored
  2. ideal/actions/dark/compactnot scored
  3. ideal/default/dark/compacton the stagenot scored
  4. ideal/default/light/compactnot scoreddiff →
  5. ideal/media-actions/compactnot scored
  6. ideal/media-actions/dark/compactnot scored
  7. ideal/slot/compactnot scoreddiff →
  8. ideal/slot/dark/compactnot scored

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
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/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

Report a problem

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