compose-preview Compose Glimmer

Components · Buttons

33 of 39 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

State=Enabled, Size=Default — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Enabled, Size=Large — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Large — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Large — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Default — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Default — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled, Size=Default — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled+Focused, Size=Default — no code behind this State=Disabled, Size=Large — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled+Focused, Size=Large — no code behind this State=Pressed, Size=Default, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Large, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Default, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Default, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled+Focused, Size=Default, Toggle=False — no code behind this State=Enabled, Size=Default, Toggle=True — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=True — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Default, Toggle=True — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Large, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled+Focused, Size=Large, Toggle=False — no code behind this State=Enabled, Size=Large, Toggle=True — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=True — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=True — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Focused — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Pressed — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabled — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabled+Focused — no code behind this Toggle=False, State=Enabled — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Focused — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker State=Pressed, Toggle=False — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabled — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabled+Focused — no code behind this Toggle=True, State=Enabled — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Focused — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Pressed — glimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker
33 of 39 components implemented
State=Enabled, Size=Defaultglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Enabled, Size=Largeglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Largeglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Largeglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Defaultglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Defaultglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled, Size=Defaultglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled+Focused, Size=Defaultno code behind this State=Disabled, Size=Largeglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled+Focused, Size=Largeno code behind this State=Pressed, Size=Default, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Large, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Default, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Default, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled+Focused, Size=Default, Toggle=Falseno code behind this State=Enabled, Size=Default, Toggle=Trueglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=Trueglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Default, Toggle=Trueglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Large, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled+Focused, Size=Large, Toggle=Falseno code behind this State=Enabled, Size=Large, Toggle=Trueglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=Trueglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=Trueglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabledglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Focusedglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Pressedglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabledglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabled+Focusedno code behind this Toggle=False, State=Enabledglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Focusedglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker State=Pressed, Toggle=Falseglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabledglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabled+Focusedno code behind this Toggle=True, State=Enabledglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Focusedglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Pressedglimmer-catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker

Report a problem

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