compose-preview M3 Wear OS Apps Design Kit

Buttons

75 of 279 components implemented · Open in Figma

Our renders Design spec Diff %

Outline every component Only what we don't implement Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets

75 of 279 components implemented

Style=Filled, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Filled, Size=Large, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Filled, Size=Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Filled-Variant, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Filled-Variant, Size=Large, Disabled=Nono code behind this Style=Filled-Variant, Size=Small, Disabled=Nono code behind this Style=Tonal, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Tonal, Size=Large, Disabled=Nono code behind this Style=Tonal, Size=Small, Disabled=Nono code behind this Style=Outline, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Outline, Size=Large, Disabled=Nono code behind this Style=Outline, Size=Small, Disabled=Nono code behind this Style=Child (No background), Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Child (No background), Size=Large, Disabled=Nono code behind this Style=Child (No background), Size=Small, Disabled=Nono code behind this Style=Filled, Size=Default, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TextAction Style=Filled, Size=Large, Disabled=Yesno code behind this Style=Filled, Size=Small, Disabled=Yesno code behind this Style=Filled-Variant, Size=Default, Disabled=Yesno code behind this Style=Filled-Variant, Size=Large, Disabled=Yesno code behind this Style=Filled-Variant, Size=Small, Disabled=Yesno code behind this Style=Tonal, Size=Default, Disabled=Yesno code behind this Style=Tonal, Size=Large, Disabled=Yesno code behind this Style=Tonal, Size=Small, Disabled=Yesno code behind this Style=Outline, Size=Default, Disabled=Yesno code behind this Style=Outline, Size=Large, Disabled=Yesno code behind this Style=Outline, Size=Small, Disabled=Yesno code behind this Style=Child (No background), Size=Default, Disabled=Yesno code behind this Style=Child (No background), Size=Large, Disabled=Yesno code behind this Style=Child (No background), Size=Small, Disabled=Yesno code behind this Selected=On, Style=Filled, Size=Default, Disabled=No, Radius=Standard, Fixed Width=Truecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/ToggleButtons.kt#TextToggle Selected=On, Style=Filled, Size=Large, Disabled=No, Radius=Standard, Fixed Width=Truecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/ToggleButtons.kt#TextToggle Selected=On, Style=Filled, Size=Extra-Large, Disabled=No, Radius=Standard, Fixed Width=Truecatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/ToggleButtons.kt#TextToggle Selected=On, Style=Filled, Size=Default, Disabled=No, Radius=Standard, Fixed Width=Falseno code behind this Selected=On, Style=Filled, Size=Large, Disabled=No, Radius=Standard, Fixed Width=Falseno code behind this Selected=On, Style=Filled, Size=Extra-Large, Disabled=No, Radius=Standard, Fixed Width=Falseno code behind this Selected=On, Style=Tonal, Size=Default, Disabled=No, Radius=Circular, Fixed Width=Trueno code behind this Selected=On, Style=Tonal, Size=Large, Disabled=No, Radius=Circular, Fixed Width=Trueno code behind this Selected=On, Style=Tonal, Size=Extra-Large, Disabled=No, Radius=Circular, Fixed Width=Trueno code behind this Selected=Off, Style=Tonal, Size=Default, Disabled=No, Radius=Circular, Fixed Width=Trueno code behind this Selected=Off, Style=Tonal, Size=Large, Disabled=No, Radius=Circular, Fixed Width=Trueno code behind this Selected=Off, Style=Tonal, Size=Extra-Large, Disabled=No, Radius=Circular, Fixed Width=Trueno code behind this Selected=Off, Style=Tonal, Size=Default, Disabled=Yes, Radius=Circular, Fixed Width=Trueno code behind this Selected=Off, Style=Tonal, Size=Large, Disabled=Yes, Radius=Circular, Fixed Width=Trueno code behind this Selected=Off, Style=Tonal, Size=Extra-Large, Disabled=Yes, Radius=Circular, Fixed Width=Trueno code behind this Style=Filled, Size=Default, Disabled=Nono code behind this Style=Filled, Size=Large, Disabled=Nono code behind this Style=Filled, Size=Small, Disabled=Nono code behind this Style=Filled, Size=Default, Disabled=Yesno code behind this Style=Filled, Size=Large, Disabled=Yesno code behind this Style=Filled, Size=Small, Disabled=Yesno code behind this Secondary label=No, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#ImageBackgroundButton Secondary label=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#ImageBackgroundButton Secondary label=No, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#ImageBackgroundButton Secondary label=Yes, Disabled=Yesno code behind this Style=Tonal, Icon size=26 (Default), Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#LoadingButton Style=Tonal, Icon size=Lrg 32, Disabled=Nono code behind this Style=Tonal, Icon size=xLg 36, Disabled=Nono code behind this Style=Outline, Icon size=26 (Default), Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#LoadingButton Style=Outline, Icon size=Lrg 32, Disabled=Nono code behind this Style=Outline, Icon size=xLg 36, Disabled=Nono code behind this Style=Child (No background), Icon size=26 (Default), Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#LoadingButton Style=Child (No background), Icon size=Lrg 32, Disabled=Nono code behind this Style=Child (No background), Icon size=xLg 36, Disabled=Nono code behind this Style=Tonal, Icon size=26 (Default), Disabled=Yesno code behind this Style=Tonal, Icon size=Lrg 32, Disabled=Yesno code behind this Style=Tonal, Icon size=xLg 36, Disabled=Yesno code behind this Style=Outline, Icon size=26 (Default), Disabled=Yesno code behind this Style=Outline, Icon size=Lrg 32, Disabled=Yesno code behind this Style=Outline, Icon size=xLg 36, Disabled=Yesno code behind this Style=Child (No background), Icon size=26 (Default), Disabled=Yesno code behind this Style=Child (No background), Icon size=Lrg 32, Disabled=Yesno code behind this Style=Child (No background), Icon size=xLg 36, Disabled=Yesno code behind this Style=Filledcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Placeholders.kt#ButtonPlaceholder Style=Variant (Highlighted)no code behind this Style=Tonalno code behind this Style=Outlineno code behind this Type=Switch, Selected=Yes, Split (2 tap targets)=No, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#SwitchRow Type=Checkbox, Selected=Yes, Split (2 tap targets)=No, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#CheckboxRow Type=Radio, Selected=Yes, Split (2 tap targets)=No, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#RadioRow Type=Custom - Task, Selected=Yes, Split (2 tap targets)=No, Disabled=Nono code behind this Type=Switch, Selected=No, Split (2 tap targets)=No, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#SwitchRow Type=Checkbox, Selected=No, Split (2 tap targets)=No, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#CheckboxRow Type=Radio, Selected=No, Split (2 tap targets)=No, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#RadioRow Type=Custom - Task, Selected=No, Split (2 tap targets)=No, Disabled=Nono code behind this Type=Switch, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#SwitchRow Type=Checkbox, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#CheckboxRow Type=Radio, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#RadioRow Type=Custom - Task, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Nono code behind this Type=Switch, Selected=No, Split (2 tap targets)=Yes, Disabled=Nono code behind this Type=Checkbox, Selected=No, Split (2 tap targets)=Yes, Disabled=Nono code behind this Type=Radio, Selected=No, Split (2 tap targets)=Yes, Disabled=Nono code behind this Type=Custom - Task, Selected=No, Split (2 tap targets)=Yes, Disabled=Nono code behind this Type=Switch, Selected=Yes, Split (2 tap targets)=No, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#SwitchRow Type=Checkbox, Selected=Yes, Split (2 tap targets)=No, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#CheckboxRow Type=Radio, Selected=Yes, Split (2 tap targets)=No, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/SelectionButtons.kt#RadioRow Type=Custom - Task, Selected=Yes, Split (2 tap targets)=No, Disabled=Yesno code behind this Type=Switch, Selected=No, Split (2 tap targets)=No, Disabled=Yesno code behind this Type=Checkbox, Selected=No, Split (2 tap targets)=No, Disabled=Yesno code behind this Type=Radio, Selected=No, Split (2 tap targets)=No, Disabled=Yesno code behind this Type=Custom - Task, Selected=No, Split (2 tap targets)=No, Disabled=Yesno code behind this Type=Switch, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Type=Checkbox, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Type=Radio, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Type=Custom - Task, Selected=Yes, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Type=Switch, Selected=No, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Type=Checkbox, Selected=No, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Type=Radio, Selected=No, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Type=Custom - Task, Selected=No, Split (2 tap targets)=Yes, Disabled=Yesno code behind this Style=Filled, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Nono code behind this Style=Filled, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#CompactActionButton Style=Filled, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Nono code behind this Style=Filled, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Nono code behind this Style=Filled Variant, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Nono code behind this Style=Filled Variant, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#CompactActionButton Style=Filled Variant, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Nono code behind this Style=Filled Variant, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Nono code behind this Style=Tonal, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Nono code behind this Style=Tonal, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#CompactActionButton Style=Tonal, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Nono code behind this Style=Tonal, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Nono code behind this Style=Outline, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Nono code behind this Style=Outline, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#CompactActionButton Style=Outline, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Nono code behind this Style=Outline, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Nono code behind this Style=Child (No background), Alignment=Text centre, Icon=No, Text=Yes, Disabled=Nono code behind this Style=Child (No background), Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#CompactActionButton Style=Child (No background), Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Nono code behind this Style=Child (No background), Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Nono code behind this Style=Filled, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Yesno code behind this Style=Filled, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#CompactActionButton Style=Filled, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Filled, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Yesno code behind this Style=Filled Variant, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Yesno code behind this Style=Filled Variant, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Filled Variant, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Filled Variant, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Yesno code behind this Style=Tonal, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Yesno code behind this Style=Tonal, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Tonal, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Tonal, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Yesno code behind this Style=Outline, Alignment=Text centre, Icon=No, Text=Yes, Disabled=Yesno code behind this Style=Outline, Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Outline, Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Outline, Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Yesno code behind this Style=Child (No background), Alignment=Text centre, Icon=No, Text=Yes, Disabled=Yesno code behind this Style=Child (No background), Alignment=Icon left, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Child (No background), Alignment=Icon right, Icon=Yes, Text=Yes, Disabled=Yesno code behind this Style=Child (No background), Alignment=Icon centre, Icon=Yes, Text=No, Disabled=Yesno code behind this Style=Filled, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledIconAction Style=Filled, Size=Large, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledIconAction Style=Filled, Size=Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledIconAction Style=Filled, Size=Extra-Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledIconAction Style=Filled Variant, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledVariantIconAction Style=Filled Variant, Size=Large, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledVariantIconAction Style=Filled Variant, Size=Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledVariantIconAction Style=Filled Variant, Size=Extra-Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledVariantIconAction Style=Tonal, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TonalIconAction Style=Tonal, Size=Large, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TonalIconAction Style=Tonal, Size=Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TonalIconAction Style=Tonal, Size=Extra-Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TonalIconAction Style=Outline, Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#OutlinedIconAction Style=Outline, Size=Large, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#OutlinedIconAction Style=Outline, Size=Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#OutlinedIconAction Style=Outline, Size=Extra-Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#OutlinedIconAction Style=Child (No background), Size=Default, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#StandardIconAction Style=Child (No background), Size=Large, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#StandardIconAction Style=Child (No background), Size=Small, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#StandardIconAction Style=Child (No background), Size=Extra-Small, Disabled=Nono code behind this Style=Filled, Size=Default, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledIconAction Style=Filled, Size=Large, Disabled=Yesno code behind this Style=Filled, Size=Small, Disabled=Yesno code behind this Style=Filled, Size=Extra-Small, Disabled=Yesno code behind this Style=Filled Variant, Size=Default, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#FilledVariantIconAction Style=Filled Variant, Size=Large, Disabled=Yesno code behind this Style=Filled Variant, Size=Small, Disabled=Yesno code behind this Style=Filled Variant, Size=Extra-Small, Disabled=Yesno code behind this Style=Tonal, Size=Default, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#TonalIconAction Style=Tonal, Size=Large, Disabled=Yesno code behind this Style=Tonal, Size=Small, Disabled=Yesno code behind this Style=Tonal, Size=Extra-Small, Disabled=Yesno code behind this Style=Outline, Size=Default, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#OutlinedIconAction Style=Outline, Size=Large, Disabled=Yesno code behind this Style=Outline, Size=Small, Disabled=Yesno code behind this Style=Outline, Size=Extra-Small, Disabled=Yesno code behind this Style=Child (No background), Size=Default, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/IconButtons.kt#StandardIconAction Style=Child (No background), Size=Large, Disabled=Yesno code behind this Style=Child (No background), Size=Small, Disabled=Yesno code behind this Style=Child (No background), Size=Extra-Small, Disabled=Yesno code behind this Selected=On, Style=Filled, Size=Default, Disabled=No, Corner radius=Circularcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/ToggleButtons.kt#IconToggle Selected=On, Style=Filled, Size=Large, Disabled=No, Corner radius=Circularcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/ToggleButtons.kt#IconToggle Selected=On, Style=Filled, Size=Extra-Large, Disabled=No, Corner radius=Circularcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/ToggleButtons.kt#IconToggle Selected=On, Style=Filled, Size=Small, Disabled=No, Corner radius=Circularcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/ToggleButtons.kt#IconToggle Selected=On, Style=Filled, Size=Default, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=On, Style=Filled, Size=Large, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=On, Style=Filled, Size=Extra-Large, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=On, Style=Filled, Size=Small, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=On, Style=Secondary, Size=Default, Disabled=No, Corner radius=Circularno code behind this Selected=On, Style=Secondary, Size=Large, Disabled=No, Corner radius=Circularno code behind this Selected=On, Style=Secondary, Size=Extra-Large, Disabled=No, Corner radius=Circularno code behind this Selected=On, Style=Secondary, Size=Small, Disabled=No, Corner radius=Circularno code behind this Selected=On, Style=Secondary, Size=Default, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=On, Style=Secondary, Size=Large, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=On, Style=Secondary, Size=Extra-Large, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=On, Style=Secondary, Size=Small, Disabled=No, Corner radius=Rounded (18)no code behind this Selected=Off, Style=Tonal, Size=Default, Disabled=No, Corner radius=Circularno code behind this Selected=Off, Style=Tonal, Size=Large, Disabled=No, Corner radius=Circularno code behind this Selected=Off, Style=Tonal, Size=Extra-Large, Disabled=No, Corner radius=Circularno code behind this Selected=Off, Style=Tonal, Size=Small, Disabled=No, Corner radius=Circularno code behind this Selected=Off, Style=Tonal, Size=Default, Disabled=Yes, Corner radius=Circularno code behind this Selected=Off, Style=Tonal, Size=Large, Disabled=Yes, Corner radius=Circularno code behind this Selected=Off, Style=Tonal, Size=Extra-Large, Disabled=Yes, Corner radius=Circularno code behind this Selected=Off, Style=Tonal, Size=Small, Disabled=Yes, Corner radius=Circularno code behind this Style=Filled, Size=Defaultcatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Placeholders.kt#IconButtonPlaceholder Style=Variant (Highlighted), Size=Defaultno code behind this Style=Tonal, Size=Defaultno code behind this Style=Outline, Size=Defaultno code behind this Style=Filled, Size=Largeno code behind this Style=Variant (Highlighted), Size=Largeno code behind this Style=Tonal, Size=Largeno code behind this Style=Outline, Size=Largeno code behind this Style=Tonal, Size=Smallno code behind this Style=Variant (Highlighted), Size=Smallno code behind this Style=Filled, Size=Smallno code behind this Style=Outline, Size=Smallno code behind this Style=Filled, Size=Extra-Smallno code behind this Style=Filled Variant, Size=Extra-Smallno code behind this Style=Tonal, Size=Extra-Smallno code behind this Style=Outline, Size=Extra-Smallno code behind this Style=Filled, Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Nono code behind this Style=Filled, Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Nono code behind this Style=Filled, Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Nono code behind this Style=Filled, Icon=No, Icon size=n/a, Alignment=Left, Disabled=Nono code behind this Style=Filled, Icon=No, Icon size=n/a, Alignment=Center, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#FilledButton Style=Variant (Highlighted), Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Nono code behind this Style=Variant (Highlighted), Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Nono code behind this Style=Variant (Highlighted), Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Nono code behind this Style=Variant (Highlighted), Icon=No, Icon size=n/a, Alignment=Left, Disabled=Nono code behind this Style=Variant (Highlighted), Icon=No, Icon size=n/a, Alignment=Center, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#FilledVariantButton Style=Tonal, Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Nono code behind this Style=Tonal, Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Nono code behind this Style=Tonal, Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Nono code behind this Style=Tonal, Icon=No, Icon size=n/a, Alignment=Left, Disabled=Nono code behind this Style=Tonal, Icon=No, Icon size=n/a, Alignment=Center, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#TonalButton Style=Outline, Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Nono code behind this Style=Outline, Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Nono code behind this Style=Outline, Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Nono code behind this Style=Outline, Icon=No, Icon size=n/a, Alignment=Left, Disabled=Nono code behind this Style=Outline, Icon=No, Icon size=n/a, Alignment=Center, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#OutlineButton Style=Child (No background), Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Nono code behind this Style=Child (No background), Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Nono code behind this Style=Child (No background), Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Nono code behind this Style=Child (No background), Icon=No, Icon size=n/a, Alignment=Left, Disabled=Nono code behind this Style=Child (No background), Icon=No, Icon size=n/a, Alignment=Center, Disabled=Nocatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#ChildLabelButton Style=Filled, Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Yesno code behind this Style=Filled, Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Yesno code behind this Style=Filled, Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Yesno code behind this Style=Filled, Icon=No, Icon size=n/a, Alignment=Left, Disabled=Yesno code behind this Style=Filled, Icon=No, Icon size=n/a, Alignment=Center, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#FilledButton Style=Variant (Highlighted), Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Yesno code behind this Style=Variant (Highlighted), Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Yesno code behind this Style=Variant (Highlighted), Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Yesno code behind this Style=Variant (Highlighted), Icon=No, Icon size=n/a, Alignment=Left, Disabled=Yesno code behind this Style=Variant (Highlighted), Icon=No, Icon size=n/a, Alignment=Center, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#FilledVariantButton Style=Tonal, Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Yesno code behind this Style=Tonal, Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Yesno code behind this Style=Tonal, Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Yesno code behind this Style=Tonal, Icon=No, Icon size=n/a, Alignment=Left, Disabled=Yesno code behind this Style=Tonal, Icon=No, Icon size=n/a, Alignment=Center, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#TonalButton Style=Outline, Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Yesno code behind this Style=Outline, Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Yesno code behind this Style=Outline, Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Yesno code behind this Style=Outline, Icon=No, Icon size=n/a, Alignment=Left, Disabled=Yesno code behind this Style=Outline, Icon=No, Icon size=n/a, Alignment=Center, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#OutlineButton Style=Child (No background), Icon=Yes, Icon size=26 (Default), Alignment=Left, Disabled=Yesno code behind this Style=Child (No background), Icon=Yes, Icon size=Lrg 32, Alignment=Left, Disabled=Yesno code behind this Style=Child (No background), Icon=Yes, Icon size=xLg 36, Alignment=Left, Disabled=Yesno code behind this Style=Child (No background), Icon=No, Icon size=n/a, Alignment=Left, Disabled=Yesno code behind this Style=Child (No background), Icon=No, Icon size=n/a, Alignment=Center, Disabled=Yescatalog/src/main/kotlin/ee/schimke/wearm3catalog/sections/Buttons.kt#ChildLabelButton