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/glimmer-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.
View options
Show
Diff against
Marks

Swipe across to explore the sheet · + to zoom

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

State=Enabled, Size=Default — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Enabled, Size=Large — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Large — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Large — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Default — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Default — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled, Size=Default — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled+Focused, Size=Default — no code behind this State=Disabled, Size=Large — 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 — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Large, Toggle=False — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=False — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=False — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Default, Toggle=False — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=False — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Default, Toggle=False — 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 — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=True — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Default, Toggle=True — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Large, Toggle=False — 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 — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=True — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=True — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Focused — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Pressed — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabled — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabled+Focused — no code behind this Toggle=False, State=Enabled — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Focused — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker State=Pressed, Toggle=False — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabled — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabled+Focused — no code behind this Toggle=True, State=Enabled — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Focused — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Pressed — catalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker
33 of 39 components implemented
State=Enabled, Size=Defaultcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Enabled, Size=Largecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Largecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Largecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Focused, Size=Defaultcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Pressed, Size=Defaultcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled, Size=Defaultcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled+Focused, Size=Defaultno code behind this State=Disabled, Size=Largecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ButtonSticker State=Disabled+Focused, Size=Largeno code behind this State=Pressed, Size=Default, Toggle=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Large, Toggle=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabled, Size=Default, Toggle=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Default, Toggle=Falsecatalog/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=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Default, Toggle=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Default, Toggle=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Disabled, Size=Large, Toggle=Falsecatalog/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=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Focused, Size=Large, Toggle=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Pressed, Size=Large, Toggle=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/Buttons.kt#ToggleButtonSticker State=Enabledcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Focusedcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Pressedcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabledcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconButtonSticker State=Disabled+Focusedno code behind this Toggle=False, State=Enabledcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Focusedcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker State=Pressed, Toggle=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabledcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=False, State=Disabled+Focusedno code behind this Toggle=True, State=Enabledcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Focusedcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker Toggle=True, State=Pressedcatalog/src/main/kotlin/ee/schimke/m3catalog/glimmer/IconButtons.kt#IconToggleButtonSticker

Report a problem

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