Angular Components
Setproduct Design System
New Chip type added. Use mat-choice-chip directive if you need to indicate that Chip is selected with an icon.
Don’t use content type directives with choice Chip.
Chip appearance and size directives:
mat-outlined-chip
mat-dense-outlined-chip
mat-dense-chip
Content types in Chip
Icon mat-chip-trailing-icon directive
Badge chip-badge class
Avatar mat-chip-avatar directive
Closable Chip
Keep using matChipRemove directive. We recommend using close_small icon shape for a remove chip icon.
We also extended a set of accepted values for the color attibute. Now the color attribute supports following values: black, primary, positive, attention, warning, alt-primary, alt-positive, alt-attention, alt-warning.
Refer to the original Angular Material component API