This site uses cookies from Google to deliver its services and to analyze traffic.
More details
Okay, got it
Skip to main content
Material
Components
CDK
Guides
arrow_drop_down
19.1.2
format_color_fill
GitHub
Components
CDK
Guides
menu
Menu
Autocomplete
Badge
Bottom Sheet
Button
Button toggle
Card
Checkbox
Chips
Core
Datepicker
Dialog
Divider
Expansion Panel
Form field
Grid list
Icon
Input
List
Menu
Paginator
Progress bar
Progress spinner
Radio button
Ripples
Select
Sidenav
Slide toggle
Slider
Snackbar
Sort header
Stepper
Table
Tabs
Timepicker
Toolbar
Tooltip
Tree
overview
api
styling
examples
Examples for checkbox
Configurable checkbox
link
code
open_in_new
Checkbox configuration
Checked
Indeterminate
Align:
After
Before
Disabled
Result
I'm a checkbox
Testing with MatCheckboxHarness
link
code
open_in_new
This example contains tests. Open in Stackblitz to run the tests.
Basic checkboxes
link
code
open_in_new
Check me!
Disabled
Parent task
Child task 1
Child task 2
Child task 3
Checkboxes with reactive forms
link
code
open_in_new
Select your toppings:
Pepperoni
Extra Cheese
Mushroom
You chose:
{ "pepperoni": false, "extracheese": false, "mushroom": false }
Azure & Blue 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