compose-preview Remote Compose Material 3

Edge-Hugging Buttons

1 of 64 components implemented · Open in Figma

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

Style=Filled, Type=Text, Size=Small, Disabled=No — no code behind this Style=Filled, Type=Text, Size=Default, Disabled=No — remote-catalog/src/snapshot/kotlin/ee/schimke/wearm3catalog/remote/EdgeButtonPreviews.kt#EdgeButtonRemote Style=Filled, Type=Text, Size=Large, Disabled=No — no code behind this Style=Filled, Type=Text, Size=Extra-Large, Disabled=No — no code behind this Style=Filled, Type=Icon, Size=Small, Disabled=No — no code behind this Style=Filled, Type=Icon, Size=Default, Disabled=No — no code behind this Style=Filled, Type=Icon, Size=Large, Disabled=No — no code behind this Style=Filled, Type=Icon, Size=Extra-Large, Disabled=No — no code behind this Style=Filled Variant, Type=Text, Size=Small, Disabled=No — no code behind this Style=Filled Variant, Type=Text, Size=Default, Disabled=No — no code behind this Style=Filled Variant, Type=Text, Size=Large, Disabled=No — no code behind this Style=Filled Variant, Type=Text, Size=Extra-Large, Disabled=No — no code behind this Style=Filled Variant, Type=Icon, Size=Small, Disabled=No — no code behind this Style=Filled Variant, Type=Icon, Size=Default, Disabled=No — no code behind this Style=Filled Variant, Type=Icon, Size=Large, Disabled=No — no code behind this Style=Filled Variant, Type=Icon, Size=Extra-Large, Disabled=No — no code behind this Style=Tonal, Type=Text, Size=Small, Disabled=No — no code behind this Style=Outline, Type=Text, Size=Small, Disabled=No — no code behind this Style=Tonal, Type=Text, Size=Default, Disabled=No — no code behind this Style=Outline, Type=Text, Size=Default, Disabled=No — no code behind this Style=Tonal, Type=Text, Size=Large, Disabled=No — no code behind this Style=Outline, Type=Text, Size=Large, Disabled=No — no code behind this Style=Tonal, Type=Text, Size=Extra-Large, Disabled=No — no code behind this Style=Outline, Type=Text, Size=Extra-Large, Disabled=No — no code behind this Style=Tonal, Type=Icon, Size=Small, Disabled=No — no code behind this Style=Outline, Type=Icon, Size=Small, Disabled=No — no code behind this Style=Tonal, Type=Icon, Size=Default, Disabled=No — no code behind this Style=Outline, Type=Icon, Size=Default, Disabled=No — no code behind this Style=Tonal, Type=Icon, Size=Large, Disabled=No — no code behind this Style=Outline, Type=Icon, Size=Large, Disabled=No — no code behind this Style=Tonal, Type=Icon, Size=Extra-Large, Disabled=No — no code behind this Style=Outline, Type=Icon, Size=Extra-Large, Disabled=No — no code behind this Style=Filled, Type=Text, Size=Small, Disabled=Yes — no code behind this Style=Filled, Type=Text, Size=Default, Disabled=Yes — no code behind this Style=Filled, Type=Text, Size=Large, Disabled=Yes — no code behind this Style=Filled, Type=Text, Size=Extra-Large, Disabled=Yes — no code behind this Style=Filled, Type=Icon, Size=Small, Disabled=Yes — no code behind this Style=Filled, Type=Icon, Size=Default, Disabled=Yes — no code behind this Style=Filled, Type=Icon, Size=Large, Disabled=Yes — no code behind this Style=Filled, Type=Icon, Size=Extra-Large, Disabled=Yes — no code behind this Style=Filled Variant, Type=Text, Size=Small, Disabled=Yes — no code behind this Style=Filled Variant, Type=Text, Size=Default, Disabled=Yes — no code behind this Style=Filled Variant, Type=Text, Size=Large, Disabled=Yes — no code behind this Style=Filled Variant, Type=Text, Size=Extra-Large, Disabled=Yes — no code behind this Style=Filled Variant, Type=Icon, Size=Small, Disabled=Yes — no code behind this Style=Filled Variant, Type=Icon, Size=Default, Disabled=Yes — no code behind this Style=Filled Variant, Type=Icon, Size=Large, Disabled=Yes — no code behind this Style=Filled Variant, Type=Icon, Size=Extra-Large, Disabled=Yes — no code behind this Style=Tonal, Type=Text, Size=Small, Disabled=Yes — no code behind this Style=Outline, Type=Text, Size=Small, Disabled=Yes — no code behind this Style=Tonal, Type=Text, Size=Default, Disabled=Yes — no code behind this Style=Outline, Type=Text, Size=Default, Disabled=Yes — no code behind this Style=Tonal, Type=Text, Size=Large, Disabled=Yes — no code behind this Style=Outline, Type=Text, Size=Large, Disabled=Yes — no code behind this Style=Tonal, Type=Text, Size=Extra-Large, Disabled=Yes — no code behind this Style=Outline, Type=Text, Size=Extra-Large, Disabled=Yes — no code behind this Style=Tonal, Type=Icon, Size=Small, Disabled=Yes — no code behind this Style=Outline, Type=Icon, Size=Small, Disabled=Yes — no code behind this Style=Tonal, Type=Icon, Size=Default, Disabled=Yes — no code behind this Style=Outline, Type=Icon, Size=Default, Disabled=Yes — no code behind this Style=Tonal, Type=Icon, Size=Large, Disabled=Yes — no code behind this Style=Outline, Type=Icon, Size=Large, Disabled=Yes — no code behind this Style=Tonal, Type=Icon, Size=Extra-Large, Disabled=Yes — no code behind this Style=Outline, Type=Icon, Size=Extra-Large, Disabled=Yes — no code behind this
1 of 64 components implemented
Style=Filled, Type=Text, Size=Small, Disabled=Nono code behind this Style=Filled, Type=Text, Size=Default, Disabled=Noremote-catalog/src/snapshot/kotlin/ee/schimke/wearm3catalog/remote/EdgeButtonPreviews.kt#EdgeButtonRemote Style=Filled, Type=Text, Size=Large, Disabled=Nono code behind this Style=Filled, Type=Text, Size=Extra-Large, Disabled=Nono code behind this Style=Filled, Type=Icon, Size=Small, Disabled=Nono code behind this Style=Filled, Type=Icon, Size=Default, Disabled=Nono code behind this Style=Filled, Type=Icon, Size=Large, Disabled=Nono code behind this Style=Filled, Type=Icon, Size=Extra-Large, Disabled=Nono code behind this Style=Filled Variant, Type=Text, Size=Small, Disabled=Nono code behind this Style=Filled Variant, Type=Text, Size=Default, Disabled=Nono code behind this Style=Filled Variant, Type=Text, Size=Large, Disabled=Nono code behind this Style=Filled Variant, Type=Text, Size=Extra-Large, Disabled=Nono code behind this Style=Filled Variant, Type=Icon, Size=Small, Disabled=Nono code behind this Style=Filled Variant, Type=Icon, Size=Default, Disabled=Nono code behind this Style=Filled Variant, Type=Icon, Size=Large, Disabled=Nono code behind this Style=Filled Variant, Type=Icon, Size=Extra-Large, Disabled=Nono code behind this Style=Tonal, Type=Text, Size=Small, Disabled=Nono code behind this Style=Outline, Type=Text, Size=Small, Disabled=Nono code behind this Style=Tonal, Type=Text, Size=Default, Disabled=Nono code behind this Style=Outline, Type=Text, Size=Default, Disabled=Nono code behind this Style=Tonal, Type=Text, Size=Large, Disabled=Nono code behind this Style=Outline, Type=Text, Size=Large, Disabled=Nono code behind this Style=Tonal, Type=Text, Size=Extra-Large, Disabled=Nono code behind this Style=Outline, Type=Text, Size=Extra-Large, Disabled=Nono code behind this Style=Tonal, Type=Icon, Size=Small, Disabled=Nono code behind this Style=Outline, Type=Icon, Size=Small, Disabled=Nono code behind this Style=Tonal, Type=Icon, Size=Default, Disabled=Nono code behind this Style=Outline, Type=Icon, Size=Default, Disabled=Nono code behind this Style=Tonal, Type=Icon, Size=Large, Disabled=Nono code behind this Style=Outline, Type=Icon, Size=Large, Disabled=Nono code behind this Style=Tonal, Type=Icon, Size=Extra-Large, Disabled=Nono code behind this Style=Outline, Type=Icon, Size=Extra-Large, Disabled=Nono code behind this Style=Filled, Type=Text, Size=Small, Disabled=Yesno code behind this Style=Filled, Type=Text, Size=Default, Disabled=Yesno code behind this Style=Filled, Type=Text, Size=Large, Disabled=Yesno code behind this Style=Filled, Type=Text, Size=Extra-Large, Disabled=Yesno code behind this Style=Filled, Type=Icon, Size=Small, Disabled=Yesno code behind this Style=Filled, Type=Icon, Size=Default, Disabled=Yesno code behind this Style=Filled, Type=Icon, Size=Large, Disabled=Yesno code behind this Style=Filled, Type=Icon, Size=Extra-Large, Disabled=Yesno code behind this Style=Filled Variant, Type=Text, Size=Small, Disabled=Yesno code behind this Style=Filled Variant, Type=Text, Size=Default, Disabled=Yesno code behind this Style=Filled Variant, Type=Text, Size=Large, Disabled=Yesno code behind this Style=Filled Variant, Type=Text, Size=Extra-Large, Disabled=Yesno code behind this Style=Filled Variant, Type=Icon, Size=Small, Disabled=Yesno code behind this Style=Filled Variant, Type=Icon, Size=Default, Disabled=Yesno code behind this Style=Filled Variant, Type=Icon, Size=Large, Disabled=Yesno code behind this Style=Filled Variant, Type=Icon, Size=Extra-Large, Disabled=Yesno code behind this Style=Tonal, Type=Text, Size=Small, Disabled=Yesno code behind this Style=Outline, Type=Text, Size=Small, Disabled=Yesno code behind this Style=Tonal, Type=Text, Size=Default, Disabled=Yesno code behind this Style=Outline, Type=Text, Size=Default, Disabled=Yesno code behind this Style=Tonal, Type=Text, Size=Large, Disabled=Yesno code behind this Style=Outline, Type=Text, Size=Large, Disabled=Yesno code behind this Style=Tonal, Type=Text, Size=Extra-Large, Disabled=Yesno code behind this Style=Outline, Type=Text, Size=Extra-Large, Disabled=Yesno code behind this Style=Tonal, Type=Icon, Size=Small, Disabled=Yesno code behind this Style=Outline, Type=Icon, Size=Small, Disabled=Yesno code behind this Style=Tonal, Type=Icon, Size=Default, Disabled=Yesno code behind this Style=Outline, Type=Icon, Size=Default, Disabled=Yesno code behind this Style=Tonal, Type=Icon, Size=Large, Disabled=Yesno code behind this Style=Outline, Type=Icon, Size=Large, Disabled=Yesno code behind this Style=Tonal, Type=Icon, Size=Extra-Large, Disabled=Yesno code behind this Style=Outline, Type=Icon, Size=Extra-Large, Disabled=Yesno code behind this

Report a problem

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