compose-preview Material 3 Design Kit

Switch

8 of 20 components implemented · Open in Figma

Double-click a section to zoom · ⌘/Ctrl-scroll · drag to pan · + / − / 0 by keyboard · Esc resets
Selected=True, State=Enabled, Icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=True, State=Hovered, Icon=False — no code behind this Selected=True, State=Focused, Icon=False — no code behind this Selected=True, State=Pressed, Icon=False — no code behind this Selected=True, State=Disabled, Icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=True, State=Enabled, Icon=True — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=True, State=Hovered, Icon=True — no code behind this Selected=True, State=Focused, Icon=True — no code behind this Selected=True, State=Pressed, Icon=True — no code behind this Selected=True, State=Disabled, Icon=True — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Enabled, Icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Hovered, Icon=False — no code behind this Selected=False, State=Focused, Icon=False — no code behind this Selected=False, State=Pressed, Icon=False — no code behind this Selected=False, State=Disabled, Icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Enabled, Icon=True — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Hovered, Icon=True — no code behind this Selected=False, State=Focused, Icon=True — no code behind this Selected=False, State=Pressed, Icon=True — no code behind this Selected=False, State=Disabled, Icon=True — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn
8 of 20 components implemented
Selected=True, State=Enabled, Icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=True, State=Hovered, Icon=Falseno code behind this Selected=True, State=Focused, Icon=Falseno code behind this Selected=True, State=Pressed, Icon=Falseno code behind this Selected=True, State=Disabled, Icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=True, State=Enabled, Icon=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=True, State=Hovered, Icon=Trueno code behind this Selected=True, State=Focused, Icon=Trueno code behind this Selected=True, State=Pressed, Icon=Trueno code behind this Selected=True, State=Disabled, Icon=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Enabled, Icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Hovered, Icon=Falseno code behind this Selected=False, State=Focused, Icon=Falseno code behind this Selected=False, State=Pressed, Icon=Falseno code behind this Selected=False, State=Disabled, Icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Enabled, Icon=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn Selected=False, State=Hovered, Icon=Trueno code behind this Selected=False, State=Focused, Icon=Trueno code behind this Selected=False, State=Pressed, Icon=Trueno code behind this Selected=False, State=Disabled, Icon=Truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Switches.kt#SwitchOn