This site uses cookies from Google to deliver its services and to analyze traffic.

More details

Skip to main content

Material Components CDK Guides

GitHub

Components CDK Guides

Checkbox

overview

api

examples

Examples for checkbox

Configurable checkbox

Checkbox configuration

Checked

Indeterminate

Align:

After

Before

Disabled

Result

I'm a checkbox

Testing with MatCheckboxHarness

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

Basic checkboxes

Check me!

Disabled

Indeterminate

Primary
Accent
Warn

Checkboxes with reactive forms

Select your toppings:

Pepperoni

Extra Cheese

Mushroom

You chose:

{ "pepperoni": false, "extracheese": false, "mushroom": false }

Learn Angular

Current Version: 15.2.9+sha-d593195

Indigo & Pink theme selected.

Select a version of the documentation

Select a theme for the documentation

Copy link to example

View code

Edit Configurable checkbox example in StackBlitz

Edit Testing with MatCheckboxHarness example in StackBlitz

Edit Basic checkboxes example in StackBlitz

Edit Checkboxes with reactive forms example in StackBlitz