{% set title = 'Checkbox' %} {% set filename = 'form-element-checkbox.html' %} {% extends 'src/layouts/master.html' %} {% block content %}

### Checkbox

For users to check their lists.

#### Basic Checkboxes

- Touch me!
- Touch me!
- Disabled Checked Checkbox
- Disabled Unchecked Checkbox

#### Custom Colored Checkboxes

To change the color of the Custom CheckBoxes, use the `.bg-{colorName}` with `.form-check-input` class.

- Primary
- Secondary
- Success
- Danger
- Info
- Warning

#### Checkboxes Glow

Use class `.form-check-glow` class with `.form-check-input.form-check-{colorName}` for glow effect to Checkboxes. Glow shadow color will be changed according to Colored Checkboxes.

- Primary
- Secondary
- Success
- Danger
- Info
- Warning

#### Checkboxes Sizes

To add a checkBox with different sizes, we have the `.form-check-sm` class for small Checkboxes. Add it alongwith `.form-check` class.

- Small
- Default

{% endblock %}