compose-preview Material 3 Design Kit

Chips

16 of 249 components implemented · Open in Figma

Style=Elevated, State=Disabled, Selected=True, Show icon=True — no code behind this Style=Outlined, State=Disabled, Selected=True, Show icon=True — no code behind this Style=Elevated, State=Disabled, Selected=True, Show icon=False — no code behind this Style=Outlined, State=Disabled, Selected=True, Show icon=False — no code behind this Style=Elevated, State=Dragged, Selected=True, Show icon=True — no code behind this Style=Outlined, State=Dragged, Selected=True, Show icon=True — no code behind this Style=Elevated, State=Dragged, Selected=True, Show icon=False — no code behind this Style=Outlined, State=Dragged, Selected=True, Show icon=False — no code behind this Style=Elevated, State=Pressed, Selected=True, Show icon=True — no code behind this Style=Outlined, State=Pressed, Selected=True, Show icon=True — no code behind this Style=Elevated, State=Pressed, Selected=True, Show icon=False — no code behind this Style=Outlined, State=Pressed, Selected=True, Show icon=False — no code behind this Style=Elevated, State=Focused, Selected=True, Show icon=True — no code behind this Style=Outlined, State=Focused, Selected=True, Show icon=True — no code behind this Style=Elevated, State=Focused, Selected=True, Show icon=False — no code behind this Style=Outlined, State=Focused, Selected=True, Show icon=False — no code behind this Style=Elevated, State=Hovered, Selected=True, Show icon=True — no code behind this Style=Outlined, State=Hovered, Selected=True, Show icon=True — no code behind this Style=Elevated, State=Hovered, Selected=True, Show icon=False — no code behind this Style=Outlined, State=Hovered, Selected=True, Show icon=False — no code behind this Style=Elevated, State=Enabled, Selected=True, Show icon=True — no code behind this Style=Outlined, State=Enabled, Selected=True, Show icon=True — no code behind this Style=Elevated, State=Enabled, Selected=True, Show icon=False — no code behind this Style=Outlined, State=Enabled, Selected=True, Show icon=False — no code behind this Style=Elevated, State=Disabled, Selected=False, Show icon=True — no code behind this Style=Outlined, State=Disabled, Selected=False, Show icon=True — no code behind this Style=Elevated, State=Disabled, Selected=False, Show icon=False — no code behind this Style=Outlined, State=Disabled, Selected=False, Show icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#SuggestionChipSticker Style=Elevated, State=Dragged, Selected=False, Show icon=True — no code behind this Style=Outlined, State=Dragged, Selected=False, Show icon=True — no code behind this Style=Elevated, State=Dragged, Selected=False, Show icon=False — no code behind this Style=Outlined, State=Dragged, Selected=False, Show icon=False — no code behind this Style=Elevated, State=Pressed, Selected=False, Show icon=True — no code behind this Style=Outlined, State=Pressed, Selected=False, Show icon=True — no code behind this Style=Elevated, State=Pressed, Selected=False, Show icon=False — no code behind this Style=Outlined, State=Pressed, Selected=False, Show icon=False — no code behind this Style=Elevated, State=Focused, Selected=False, Show icon=True — no code behind this Style=Outlined, State=Focused, Selected=False, Show icon=True — no code behind this Style=Elevated, State=Focused, Selected=False, Show icon=False — no code behind this Style=Outlined, State=Focused, Selected=False, Show icon=False — no code behind this Style=Elevated, State=Hovered, Selected=False, Show icon=True — no code behind this Style=Outlined, State=Hovered, Selected=False, Show icon=True — no code behind this Style=Elevated, State=Hovered, Selected=False, Show icon=False — no code behind this Style=Outlined, State=Hovered, Selected=False, Show icon=False — no code behind this Style=Elevated, State=Enabled, Selected=False, Show icon=True — no code behind this Style=Outlined, State=Enabled, Selected=False, Show icon=True — no code behind this Style=Elevated, State=Enabled, Selected=False, Show icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#SuggestionChipSticker Style=Outlined, State=Enabled, Selected=False, Show icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#SuggestionChipSticker Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=False — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=True — no code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=True — no code behind this Style=Elevated, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=False — no code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=False — no code behind this Style=Elevated, Configuration=Label & brand icon, State=Disabled — no code behind this Style=Outlined, Configuration=Label & brand icon, State=Disabled — no code behind this Style=Elevated, Configuration=Label & favicon, State=Disabled — no code behind this Style=Outlined, Configuration=Label & favicon, State=Disabled — no code behind this Style=Elevated, Configuration=Label & icon, State=Disabled — no code behind this Style=Outlined, Configuration=Label & icon, State=Disabled — no code behind this Style=Elevated, Configuration=Label only, State=Disabled — no code behind this Style=Outlined, Configuration=Label only, State=Disabled — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#AssistChipSticker Style=Elevated, Configuration=Label & brand icon, State=Dragged — no code behind this Style=Outlined, Configuration=Label & brand icon, State=Dragged — no code behind this Style=Elevated, Configuration=Label & favicon, State=Dragged — no code behind this Style=Outlined, Configuration=Label & favicon, State=Dragged — no code behind this Style=Elevated, Configuration=Label & icon, State=Dragged — no code behind this Style=Outlined, Configuration=Label & icon, State=Dragged — no code behind this Style=Elevated, Configuration=Label only, State=Dragged — no code behind this Style=Outlined, Configuration=Label only, State=Dragged — no code behind this Style=Elevated, Configuration=Label & brand icon, State=Pressed — no code behind this Style=Outlined, Configuration=Label & brand icon, State=Pressed — no code behind this Style=Elevated, Configuration=Label & favicon, State=Pressed — no code behind this Style=Outlined, Configuration=Label & favicon, State=Pressed — no code behind this Style=Elevated, Configuration=Label & icon, State=Pressed — no code behind this Style=Outlined, Configuration=Label & icon, State=Pressed — no code behind this Style=Elevated, Configuration=Label only, State=Pressed — no code behind this Style=Outlined, Configuration=Label only, State=Pressed — no code behind this Style=Elevated, Configuration=Label & brand icon, State=Focused — no code behind this Style=Outlined, Configuration=Label & brand icon, State=Focused — no code behind this Style=Elevated, Configuration=Label & favicon, State=Focused — no code behind this Style=Outlined, Configuration=Label & favicon, State=Focused — no code behind this Style=Elevated, Configuration=Label & icon, State=Focused — no code behind this Style=Outlined, Configuration=Label & icon, State=Focused — no code behind this Style=Elevated, Configuration=Label only, State=Focused — no code behind this Style=Outlined, Configuration=Label only, State=Focused — no code behind this Style=Elevated, Configuration=Label & brand icon, State=Hovered — no code behind this Style=Outlined, Configuration=Label & brand icon, State=Hovered — no code behind this Style=Elevated, Configuration=Label & favicon, State=Hovered — no code behind this Style=Outlined, Configuration=Label & favicon, State=Hovered — no code behind this Style=Elevated, Configuration=Label & icon, State=Hovered — no code behind this Style=Outlined, Configuration=Label & icon, State=Hovered — no code behind this Style=Elevated, Configuration=Label only, State=Hovered — no code behind this Style=Outlined, Configuration=Label only, State=Hovered — no code behind this Style=Elevated, Configuration=Label & brand icon, State=Enabled — no code behind this Style=Outlined, Configuration=Label & brand icon, State=Enabled — no code behind this Style=Elevated, Configuration=Label & favicon, State=Enabled — no code behind this Style=Outlined, Configuration=Label & favicon, State=Enabled — no code behind this Style=Elevated, Configuration=Label & icon, State=Enabled — no code behind this Style=Outlined, Configuration=Label & icon, State=Enabled — no code behind this Style=Elevated, Configuration=Label only, State=Enabled — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#AssistChipSticker Style=Outlined, Configuration=Label only, State=Enabled — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#AssistChipSticker Configuration=Label & avatar, State=Dragged, Selected=True, Show closing icon=true — no code behind this Configuration=Label & avatar, State=Dragged, Selected=True, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Dragged, Selected=True, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Dragged, Selected=True, Show closing icon=false — no code behind this Configuration=Label only, State=Dragged, Selected=True, Show closing icon=true — no code behind this Configuration=Label only, State=Dragged, Selected=True, Show closing icon=false — no code behind this Configuration=Label & avatar, State=Focused, Selected=True, Show closing icon=true — no code behind this Configuration=Label & avatar, State=Focused, Selected=True, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Focused, Selected=True, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Focused, Selected=True, Show closing icon=false — no code behind this Configuration=Label only, State=Focused, Selected=True, Show closing icon=true — no code behind this Configuration=Label only, State=Focused, Selected=True, Show closing icon=false — no code behind this Configuration=Label & avatar, State=Hovered, Selected=True, Show closing icon=true — no code behind this Configuration=Label & avatar, State=Hovered, Selected=True, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Hovered, Selected=True, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Hovered, Selected=True, Show closing icon=false — no code behind this Configuration=Label only, State=Hovered, Selected=True, Show closing icon=true — no code behind this Configuration=Label only, State=Hovered, Selected=True, Show closing icon=false — no code behind this Configuration=Label & avatar, State=Enabled, Selected=True, Show closing icon=true — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label & avatar, State=Enabled, Selected=True, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Enabled, Selected=True, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Enabled, Selected=True, Show closing icon=false — no code behind this Configuration=Label only, State=Enabled, Selected=True, Show closing icon=true — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label only, State=Enabled, Selected=True, Show closing icon=false — no code behind this Configuration=Label & avatar, State=Dragged, Selected=False, Show closing icon=true — no code behind this Configuration=Label & avatar, State=Dragged, Selected=False, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Dragged, Selected=False, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Dragged, Selected=False, Show closing icon=false — no code behind this Configuration=Label only, State=Dragged, Selected=False, Show closing icon=true — no code behind this Configuration=Label only, State=Dragged, Selected=False, Show closing icon=false — no code behind this Configuration=Label & avatar, State=Focused, Selected=False, Show closing icon=true — no code behind this Configuration=Label & avatar, State=Focused, Selected=False, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Focused, Selected=False, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Focused, Selected=False, Show closing icon=false — no code behind this Configuration=Label only, State=Focused, Selected=False, Show closing icon=true — no code behind this Configuration=Label only, State=Focused, Selected=False, Show closing icon=false — no code behind this Configuration=Label & avatar, State=Hovered, Selected=False, Show closing icon=true — no code behind this Configuration=Label & avatar, State=Hovered, Selected=False, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Hovered, Selected=False, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Hovered, Selected=False, Show closing icon=false — no code behind this Configuration=Label only, State=Hovered, Selected=False, Show closing icon=true — no code behind this Configuration=Label only, State=Hovered, Selected=False, Show closing icon=false — no code behind this Configuration=Label & avatar, State=Enabled, Selected=False, Show closing icon=true — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label & avatar, State=Enabled, Selected=False, Show closing icon=false — no code behind this Configuration=Label & leading icon, State=Enabled, Selected=False, Show closing icon=true — no code behind this Configuration=Label & leading icon, State=Enabled, Selected=False, Show closing icon=false — no code behind this Configuration=Label only, State=Enabled, Selected=False, Show closing icon=true — catalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label only, State=Enabled, Selected=False, Show closing icon=false — no code behind this Header — no code behind this Type=Input chips, Layout=Single row - scrollable — no code behind this Type=Input chips, Layout=Multiple rows - overflow — no code behind this Type=Assistive chips, Layout=Single row - scrollable — no code behind this Type=Assistive chips, Layout=Multiple rows - overflow — no code behind this Type=Filter chips, Layout=Single row - scrollable — no code behind this Type=Filter chips, Layout=Multiple rows - overflow — no code behind this Type=Suggestion chips, Layout=Single row - scrollable — no code behind this Type=Suggestion chips, Layout=Multiple rows - overflow — no code behind this
16 of 249 components implemented
Style=Elevated, State=Disabled, Selected=True, Show icon=Trueno code behind this Style=Outlined, State=Disabled, Selected=True, Show icon=Trueno code behind this Style=Elevated, State=Disabled, Selected=True, Show icon=Falseno code behind this Style=Outlined, State=Disabled, Selected=True, Show icon=Falseno code behind this Style=Elevated, State=Dragged, Selected=True, Show icon=Trueno code behind this Style=Outlined, State=Dragged, Selected=True, Show icon=Trueno code behind this Style=Elevated, State=Dragged, Selected=True, Show icon=Falseno code behind this Style=Outlined, State=Dragged, Selected=True, Show icon=Falseno code behind this Style=Elevated, State=Pressed, Selected=True, Show icon=Trueno code behind this Style=Outlined, State=Pressed, Selected=True, Show icon=Trueno code behind this Style=Elevated, State=Pressed, Selected=True, Show icon=Falseno code behind this Style=Outlined, State=Pressed, Selected=True, Show icon=Falseno code behind this Style=Elevated, State=Focused, Selected=True, Show icon=Trueno code behind this Style=Outlined, State=Focused, Selected=True, Show icon=Trueno code behind this Style=Elevated, State=Focused, Selected=True, Show icon=Falseno code behind this Style=Outlined, State=Focused, Selected=True, Show icon=Falseno code behind this Style=Elevated, State=Hovered, Selected=True, Show icon=Trueno code behind this Style=Outlined, State=Hovered, Selected=True, Show icon=Trueno code behind this Style=Elevated, State=Hovered, Selected=True, Show icon=Falseno code behind this Style=Outlined, State=Hovered, Selected=True, Show icon=Falseno code behind this Style=Elevated, State=Enabled, Selected=True, Show icon=Trueno code behind this Style=Outlined, State=Enabled, Selected=True, Show icon=Trueno code behind this Style=Elevated, State=Enabled, Selected=True, Show icon=Falseno code behind this Style=Outlined, State=Enabled, Selected=True, Show icon=Falseno code behind this Style=Elevated, State=Disabled, Selected=False, Show icon=Trueno code behind this Style=Outlined, State=Disabled, Selected=False, Show icon=Trueno code behind this Style=Elevated, State=Disabled, Selected=False, Show icon=Falseno code behind this Style=Outlined, State=Disabled, Selected=False, Show icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#SuggestionChipSticker Style=Elevated, State=Dragged, Selected=False, Show icon=Trueno code behind this Style=Outlined, State=Dragged, Selected=False, Show icon=Trueno code behind this Style=Elevated, State=Dragged, Selected=False, Show icon=Falseno code behind this Style=Outlined, State=Dragged, Selected=False, Show icon=Falseno code behind this Style=Elevated, State=Pressed, Selected=False, Show icon=Trueno code behind this Style=Outlined, State=Pressed, Selected=False, Show icon=Trueno code behind this Style=Elevated, State=Pressed, Selected=False, Show icon=Falseno code behind this Style=Outlined, State=Pressed, Selected=False, Show icon=Falseno code behind this Style=Elevated, State=Focused, Selected=False, Show icon=Trueno code behind this Style=Outlined, State=Focused, Selected=False, Show icon=Trueno code behind this Style=Elevated, State=Focused, Selected=False, Show icon=Falseno code behind this Style=Outlined, State=Focused, Selected=False, Show icon=Falseno code behind this Style=Elevated, State=Hovered, Selected=False, Show icon=Trueno code behind this Style=Outlined, State=Hovered, Selected=False, Show icon=Trueno code behind this Style=Elevated, State=Hovered, Selected=False, Show icon=Falseno code behind this Style=Outlined, State=Hovered, Selected=False, Show icon=Falseno code behind this Style=Elevated, State=Enabled, Selected=False, Show icon=Trueno code behind this Style=Outlined, State=Enabled, Selected=False, Show icon=Trueno code behind this Style=Elevated, State=Enabled, Selected=False, Show icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#SuggestionChipSticker Style=Outlined, State=Enabled, Selected=False, Show icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#SuggestionChipSticker Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=True, Show trailing icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=True, Show trailing icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=True, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Disabled, Selected=False, Show trailing icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Disabled, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Dragged, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Dragged, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Pressed, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Pressed, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Focused, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Focused, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label & leading icon, State=Hovered, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Hovered, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Outlined, Configuration=Label & leading icon, State=Enabled, Selected=False, Show trailing icon=Falsecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#FilterChipSticker Style=Elevated, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=Trueno code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=Trueno code behind this Style=Elevated, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=Falseno code behind this Style=Outlined, Configuration=Label only, State=Enabled, Selected=False, Show trailing icon=Falseno code behind this Style=Elevated, Configuration=Label & brand icon, State=Disabledno code behind this Style=Outlined, Configuration=Label & brand icon, State=Disabledno code behind this Style=Elevated, Configuration=Label & favicon, State=Disabledno code behind this Style=Outlined, Configuration=Label & favicon, State=Disabledno code behind this Style=Elevated, Configuration=Label & icon, State=Disabledno code behind this Style=Outlined, Configuration=Label & icon, State=Disabledno code behind this Style=Elevated, Configuration=Label only, State=Disabledno code behind this Style=Outlined, Configuration=Label only, State=Disabledcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#AssistChipSticker Style=Elevated, Configuration=Label & brand icon, State=Draggedno code behind this Style=Outlined, Configuration=Label & brand icon, State=Draggedno code behind this Style=Elevated, Configuration=Label & favicon, State=Draggedno code behind this Style=Outlined, Configuration=Label & favicon, State=Draggedno code behind this Style=Elevated, Configuration=Label & icon, State=Draggedno code behind this Style=Outlined, Configuration=Label & icon, State=Draggedno code behind this Style=Elevated, Configuration=Label only, State=Draggedno code behind this Style=Outlined, Configuration=Label only, State=Draggedno code behind this Style=Elevated, Configuration=Label & brand icon, State=Pressedno code behind this Style=Outlined, Configuration=Label & brand icon, State=Pressedno code behind this Style=Elevated, Configuration=Label & favicon, State=Pressedno code behind this Style=Outlined, Configuration=Label & favicon, State=Pressedno code behind this Style=Elevated, Configuration=Label & icon, State=Pressedno code behind this Style=Outlined, Configuration=Label & icon, State=Pressedno code behind this Style=Elevated, Configuration=Label only, State=Pressedno code behind this Style=Outlined, Configuration=Label only, State=Pressedno code behind this Style=Elevated, Configuration=Label & brand icon, State=Focusedno code behind this Style=Outlined, Configuration=Label & brand icon, State=Focusedno code behind this Style=Elevated, Configuration=Label & favicon, State=Focusedno code behind this Style=Outlined, Configuration=Label & favicon, State=Focusedno code behind this Style=Elevated, Configuration=Label & icon, State=Focusedno code behind this Style=Outlined, Configuration=Label & icon, State=Focusedno code behind this Style=Elevated, Configuration=Label only, State=Focusedno code behind this Style=Outlined, Configuration=Label only, State=Focusedno code behind this Style=Elevated, Configuration=Label & brand icon, State=Hoveredno code behind this Style=Outlined, Configuration=Label & brand icon, State=Hoveredno code behind this Style=Elevated, Configuration=Label & favicon, State=Hoveredno code behind this Style=Outlined, Configuration=Label & favicon, State=Hoveredno code behind this Style=Elevated, Configuration=Label & icon, State=Hoveredno code behind this Style=Outlined, Configuration=Label & icon, State=Hoveredno code behind this Style=Elevated, Configuration=Label only, State=Hoveredno code behind this Style=Outlined, Configuration=Label only, State=Hoveredno code behind this Style=Elevated, Configuration=Label & brand icon, State=Enabledno code behind this Style=Outlined, Configuration=Label & brand icon, State=Enabledno code behind this Style=Elevated, Configuration=Label & favicon, State=Enabledno code behind this Style=Outlined, Configuration=Label & favicon, State=Enabledno code behind this Style=Elevated, Configuration=Label & icon, State=Enabledno code behind this Style=Outlined, Configuration=Label & icon, State=Enabledno code behind this Style=Elevated, Configuration=Label only, State=Enabledcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#AssistChipSticker Style=Outlined, Configuration=Label only, State=Enabledcatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#AssistChipSticker Configuration=Label & avatar, State=Dragged, Selected=True, Show closing icon=trueno code behind this Configuration=Label & avatar, State=Dragged, Selected=True, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Dragged, Selected=True, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Dragged, Selected=True, Show closing icon=falseno code behind this Configuration=Label only, State=Dragged, Selected=True, Show closing icon=trueno code behind this Configuration=Label only, State=Dragged, Selected=True, Show closing icon=falseno code behind this Configuration=Label & avatar, State=Focused, Selected=True, Show closing icon=trueno code behind this Configuration=Label & avatar, State=Focused, Selected=True, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Focused, Selected=True, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Focused, Selected=True, Show closing icon=falseno code behind this Configuration=Label only, State=Focused, Selected=True, Show closing icon=trueno code behind this Configuration=Label only, State=Focused, Selected=True, Show closing icon=falseno code behind this Configuration=Label & avatar, State=Hovered, Selected=True, Show closing icon=trueno code behind this Configuration=Label & avatar, State=Hovered, Selected=True, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Hovered, Selected=True, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Hovered, Selected=True, Show closing icon=falseno code behind this Configuration=Label only, State=Hovered, Selected=True, Show closing icon=trueno code behind this Configuration=Label only, State=Hovered, Selected=True, Show closing icon=falseno code behind this Configuration=Label & avatar, State=Enabled, Selected=True, Show closing icon=truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label & avatar, State=Enabled, Selected=True, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Enabled, Selected=True, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Enabled, Selected=True, Show closing icon=falseno code behind this Configuration=Label only, State=Enabled, Selected=True, Show closing icon=truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label only, State=Enabled, Selected=True, Show closing icon=falseno code behind this Configuration=Label & avatar, State=Dragged, Selected=False, Show closing icon=trueno code behind this Configuration=Label & avatar, State=Dragged, Selected=False, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Dragged, Selected=False, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Dragged, Selected=False, Show closing icon=falseno code behind this Configuration=Label only, State=Dragged, Selected=False, Show closing icon=trueno code behind this Configuration=Label only, State=Dragged, Selected=False, Show closing icon=falseno code behind this Configuration=Label & avatar, State=Focused, Selected=False, Show closing icon=trueno code behind this Configuration=Label & avatar, State=Focused, Selected=False, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Focused, Selected=False, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Focused, Selected=False, Show closing icon=falseno code behind this Configuration=Label only, State=Focused, Selected=False, Show closing icon=trueno code behind this Configuration=Label only, State=Focused, Selected=False, Show closing icon=falseno code behind this Configuration=Label & avatar, State=Hovered, Selected=False, Show closing icon=trueno code behind this Configuration=Label & avatar, State=Hovered, Selected=False, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Hovered, Selected=False, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Hovered, Selected=False, Show closing icon=falseno code behind this Configuration=Label only, State=Hovered, Selected=False, Show closing icon=trueno code behind this Configuration=Label only, State=Hovered, Selected=False, Show closing icon=falseno code behind this Configuration=Label & avatar, State=Enabled, Selected=False, Show closing icon=truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label & avatar, State=Enabled, Selected=False, Show closing icon=falseno code behind this Configuration=Label & leading icon, State=Enabled, Selected=False, Show closing icon=trueno code behind this Configuration=Label & leading icon, State=Enabled, Selected=False, Show closing icon=falseno code behind this Configuration=Label only, State=Enabled, Selected=False, Show closing icon=truecatalog/src/main/kotlin/ee/schimke/m3catalog/sections/Chips.kt#InputChipSticker Configuration=Label only, State=Enabled, Selected=False, Show closing icon=falseno code behind this Headerno code behind this Type=Input chips, Layout=Single row - scrollableno code behind this Type=Input chips, Layout=Multiple rows - overflowno code behind this Type=Assistive chips, Layout=Single row - scrollableno code behind this Type=Assistive chips, Layout=Multiple rows - overflowno code behind this Type=Filter chips, Layout=Single row - scrollableno code behind this Type=Filter chips, Layout=Multiple rows - overflowno code behind this Type=Suggestion chips, Layout=Single row - scrollableno code behind this Type=Suggestion chips, Layout=Multiple rows - overflowno code behind this