Button toggle

Button toggle appearance

Default appearance:

Legacy appearance:

Exclusive selection

Selected value:

Button-toggles with forms

Button Toggle inside of a Template-driven form

Chosen value is

Button Toggle inside of a Reactive form

Chosen value is

Testing with MatButtonToggleHarness

This example contains tests. Open in Stackblitz to run the tests.

Button toggle selection mode

Single selection

Multiple selection

Basic button-toggles