Get started   Components   Icons   What's New
  Get a License
⚡️New Release! Material X components for Angular⚡ view demo

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

Chip

mat-dense-outlined-chip

Chip

mat-dense-chip

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