compose-preview Material 3 Design Kit

Snackbar

6 of 24 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
State=Enabled — no code behind this State=Hovered — no code behind this State=Focused — no code behind this State=Pressed — no code behind this State=Enabled — no code behind this State=Hovered — no code behind this State=Focused — no code behind this State=Pressed — no code behind this Configuration=Text & longer action, # of lines=Two lines, Show close affordance=True — no code behind this Configuration=Text & longer action, # of lines=Two lines, Show close affordance=False — no code behind this Configuration=Text & action, # of lines=Two lines, Show close affordance=True — no code behind this Configuration=Text & action, # of lines=Two lines, Show close affordance=False — no code behind this Configuration=Text only, # of lines=Two lines, Show close affordance=True — no code behind this Configuration=Text only, # of lines=Two lines, Show close affordance=False — no code behind this Configuration=Text & action, # of lines=One line, Show close affordance=True — no code behind this Configuration=Text & action, # of lines=One line, Show close affordance=False — no code behind this Configuration=Text only, # of lines=One line, Show close affordance=True — no code behind this Configuration=Text only, # of lines=One line, Show close affordance=False — no code behind this Snackbar — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbar — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbar — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbar — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbar — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbar — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage
6 of 24 components implemented
State=Enabledno code behind this State=Hoveredno code behind this State=Focusedno code behind this State=Pressedno code behind this State=Enabledno code behind this State=Hoveredno code behind this State=Focusedno code behind this State=Pressedno code behind this Configuration=Text & longer action, # of lines=Two lines, Show close affordance=Trueno code behind this Configuration=Text & longer action, # of lines=Two lines, Show close affordance=Falseno code behind this Configuration=Text & action, # of lines=Two lines, Show close affordance=Trueno code behind this Configuration=Text & action, # of lines=Two lines, Show close affordance=Falseno code behind this Configuration=Text only, # of lines=Two lines, Show close affordance=Trueno code behind this Configuration=Text only, # of lines=Two lines, Show close affordance=Falseno code behind this Configuration=Text & action, # of lines=One line, Show close affordance=Trueno code behind this Configuration=Text & action, # of lines=One line, Show close affordance=Falseno code behind this Configuration=Text only, # of lines=One line, Show close affordance=Trueno code behind this Configuration=Text only, # of lines=One line, Show close affordance=Falseno code behind this Snackbarcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbarcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbarcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbarcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbarcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage Snackbarcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Snackbar.kt#SnackbarMessage