compose-preview Material 3 Design Kit

Sheets

2 of 10 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
Type=Modal, Show back=False — no code behind this Type=Modal, Show back=True — no code behind this Type=Standard, Show back=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/SideSheets.kt#StandardSideSheet Type=Standard, Show back=True — no code behind this Layout=Slot — no code behind this Layout=Empty — no code behind this Modal=True — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/BottomSheets.kt#ModalBottomSheetSticker Modal=False — no code behind this Layout=Empty — no code behind this Layout=Slot — no code behind this
2 of 10 components implemented
Type=Modal, Show back=Falseno code behind this Type=Modal, Show back=Trueno code behind this Type=Standard, Show back=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/SideSheets.kt#StandardSideSheet Type=Standard, Show back=Trueno code behind this Layout=Slotno code behind this Layout=Emptyno code behind this Modal=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/BottomSheets.kt#ModalBottomSheetSticker Modal=Falseno code behind this Layout=Emptyno code behind this Layout=Slotno code behind this