compose-preview Material 3 Design Kit

Carousel

6 of 17 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/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

Context=Mobile, Layout=Full screen — no code behind this Context=Tablet, Layout=Multi-browse — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Tablet, Layout=Uncontained — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Tablet, Layout=Center-aligned hero — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Tablet, Layout=Hero — no code behind this Context=Mobile, Layout=Multi-browse — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Mobile, Layout=Uncontained — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Mobile, Layout=Center-aligned hero — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Mobile, Layout=Hero — no code behind this Context=Mobile, Layout=Multi-aspect ratio — no code behind this Context=Tablet, Layout=Multi-aspect ratio — no code behind this Building blocks/General item — no code behind this Building blocks/Multi-ratio items/16:9 — no code behind this Building blocks/Multi-ratio items/4:3 — no code behind this Building blocks/Multi-ratio items/1:1 — no code behind this Building blocks/Multi-ratio items/9:16 — no code behind this Building blocks/Multi-ratio items/3:4 — no code behind this
6 of 17 components implemented
Context=Mobile, Layout=Full screenno code behind this Context=Tablet, Layout=Multi-browsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Tablet, Layout=Uncontainedcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Tablet, Layout=Center-aligned herocatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Tablet, Layout=Herono code behind this Context=Mobile, Layout=Multi-browsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Mobile, Layout=Uncontainedcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Mobile, Layout=Center-aligned herocatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Carousel.kt#MultiBrowseCarousel Context=Mobile, Layout=Herono code behind this Context=Mobile, Layout=Multi-aspect rationo code behind this Context=Tablet, Layout=Multi-aspect rationo code behind this Building blocks/General itemno code behind this Building blocks/Multi-ratio items/16:9no code behind this Building blocks/Multi-ratio items/4:3no code behind this Building blocks/Multi-ratio items/1:1no code behind this Building blocks/Multi-ratio items/9:16no code behind this Building blocks/Multi-ratio items/3:4no code behind this

Report a problem

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