Components

Button Toggle

Angular Material Button Toggle lets users toggle between multiple states, such as switching between views, modes, or options.

Official docs API reference

Playground

Size

Tiny

Small

Medium

Large

Other options

Disabled

Single toggle

Basic toggles

Multiple selection

Vertical

<mat-button-toggle value="bold" [checked]="true">Bold</mat-button-toggle>

<mat-button-toggle-group name="fontStyle" value="bold">
  <mat-button-toggle value="bold">Bold</mat-button-toggle>
  <mat-button-toggle value="italic">Italic</mat-button-toggle>
  <mat-button-toggle value="underline">Underline</mat-button-toggle>
</mat-button-toggle-group>