This site uses cookies from Google to deliver its services and to analyze traffic.
More details

Chips

Autocomplete Badge Bottom Sheet Button Button toggle Card Checkbox Chips Core Datepicker Dialog Divider Expansion Panel Form field Grid list Icon Input List Menu Paginator Progress bar Progress spinner Radio button Ripples Select Sidenav Slide toggle Slider Snackbar Sort header Stepper Table Tabs Toolbar Tooltip Tree
Examples for chips
Chips Autocomplete
Lemon
Chips avatar
Photo of a Shiba Inu Dog one
Photo of a Shiba Inu Dog two
Photo of a Shiba Inu Dog three
Chips Drag and Drop
apple
banana
strawberry
orange
kiwi
cherry
Chips with form control

Select a focused chip by pressing SPACE

angular
how-to
tutorial

The following keywords are selected: angular

Testing with MatChipsHarness
This example contains tests. Open in Stackblitz to run the tests.
Chips with input
Lemon
Lime
Apple
Basic chips
One fish
Two fish
Primary fish
Accent fish
Stacked chips
none
Primary
Accent
Warn
Indigo & Pink theme selected.