Chips

mat-chip-set, mat-chip with and without icons, disabled state

Basic Chips

mat-chip-set with mat-chip, including disabled state.

<mat-chip-set>
  <mat-chip>Angular</mat-chip>
  <mat-chip>Material</mat-chip>
  <mat-chip>TypeScript</mat-chip>
  <mat-chip disabled>Deprecated</mat-chip>
</mat-chip-set>

Chips with Icons

mat-chip with mat-icon avatar via matChipAvatar.

<mat-chip-set>
  <mat-chip>
    <mat-icon matChipAvatar>home</mat-icon>
    Home
  </mat-chip>
  <mat-chip>
    <mat-icon matChipAvatar>settings</mat-icon>
    Settings
  </mat-chip>
  <mat-chip>
    <mat-icon matChipAvatar>info</mat-icon>
    About
  </mat-chip>
</mat-chip-set>