Chips
Installation
npm i -D @smui/chips
Demos
one
two
three
book four
five commute
Clicked: 0
Non-interactive chips
one
two
three
four
five
Choice chips
Morning
Afternoon
Evening
Night
Programmatically select:
Selected: Morning
Filter chips with increased touch target
Shoes
Pants
Shirts
Hats
Coats
Programmatically add:
Programmatically remove:
Selected: Shoes, Shirts, Coats
The same, but with leading icons
checkroom Shoes
checkroom Pants
checkroom Shirts
checkroom Hats
checkroom Coats
Selected: Shoes, Shirts, Coats
Input chips
1
2
3
4
Keyed filter input chips
Apple
Apple
Apple
Apple
Selected: None