compose-preview Remote Compose Material 3

Cards

43 of 47 components implemented · Open in Figma

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 design page, 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.
Show
Diff against
Marks

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets

Style=Tonal — no code behind this Style=Outline — no code behind this Layout type=App Card, Style=Tonal, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Background Image, Content type=Text, Interactive=Yes — no code behind this Layout type=Title Card + Icon, Style=Background Image, Content type=Text, Interactive=Yes — no code behind this Layout type=Title Card 1, Style=Background Image, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Background Image, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Background Image, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Tonal, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Tonal, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Tonal, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Text, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Image, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Gallery 1, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Gallery 2, Interactive=Yes — remote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote
43 of 47 components implemented
Style=Tonalno code behind this Style=Outlineno code behind this Layout type=App Card, Style=Tonal, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Background Image, Content type=Text, Interactive=Yesno code behind this Layout type=Title Card + Icon, Style=Background Image, Content type=Text, Interactive=Yesno code behind this Layout type=Title Card 1, Style=Background Image, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Background Image, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Background Image, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Tonal, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Tonal, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Tonal, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Tonal, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Tonal, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Tonal, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Tonal, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Text, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Image, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Gallery 1, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=App Card, Style=Outline, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card + Icon, Style=Outline, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#AppCardRemote Layout type=Title Card 1, Style=Outline, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 2, Style=Outline, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote Layout type=Title Card 3, Style=Outline, Content type=Gallery 2, Interactive=Yesremote-catalog/src/main/kotlin/ee/schimke/wearm3catalog/remote/CatalogPreviews.kt#TitleCardRemote

Report a problem

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