In this Angular 10 tutorial, i will walk you through creating a dynamic checkboxes list using Angular Material 10.

Checkboxes are also known as toggles; from the user experience perspective, they are used for making a selection by users. Checkboxes are profoundly used for making a selection out of an option list.

Every checkbox works independently in a checkbox list. A user can check for selection and uncheck for unselecting the option value.

The angular material library offers an easy solution for creating checkboxes. The mat-checkbox is a profound directive which amplifies the UI control.

<mat-checkbox> supports profoundly @angular/forms and works notably with both FormsModule and ReactiveFormsModule.

Also mat-checkbox supports an indeterminate state, same as native . Additionally, the checkbox’s indeterminate property is set to true by default. Any interaction with the checkbox by a user will lift the indeterminate state.

#angular #angular material #angular 10