Checkbox
Angular Bootstrap checkbox
Angular Bootstrap checkbox is a component used for allowing a user to make a multiple choice. Broadly used in the forms and surveys.
Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.
Default checkboxes
Default styling for Angular Bootstrap Checkbox component
Default unchecked
Material checkboxes MDB Pro component
Material Design styling for Angular Bootstrap Checkbox component
Material unchecked
Checked state
Add
[checked]="true" input to pre-select checkbox when the page loads.
Default checkbox
Default checked
Indeterminate state
Note: The indeterminate state is visual only. The checkbox is still either checked or unchecked as a state.
Add [indeterminate]="true" input to set indeterminate state to your checkbox
Default checkbox
Default checked
Disabled state
Add the
[disabled]="true" input
and the custom indicator and label description will be automatically styled and blocked.
A disabled checkbox component is unusable and un-clickable.
Default checkbox
Default unchecked disabled
Default checked disabled
Inline
Add [inline]="true" input to group checkboxes on the same horizontal row.
Default checkboxes
1
2
3