This site uses cookies from Google to deliver its services and to analyze traffic.
More details
Ok, Got it
Skip to main content
Material
Components
CDK
Guides
arrow_drop_down
15.2.9
format_color_fill
GitHub
Components
CDK
Guides
menu
Checkbox
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
Toolbar
Tooltip
Tree
overview
api
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
Indeterminate
Primary
Accent
Warn
Checkboxes with reactive forms
link
code
open_in_new
Select your toppings:
Pepperoni
Extra Cheese
Mushroom
You chose:
{ "pepperoni": false, "extracheese": false, "mushroom": false }
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