#### Checkbox & Radio

Loading...

#### Default checkbox

Use the `.form-check-input` and `.form-check-label` for checkbox.

###### Default Checks

Default checkbox
Checked checkbox

###### Disabled Checks

Disabled checkbox
Disabled checked checkbox

###### Right Checks

Reverse checkbox
Disabled reverse checkbox

###### Indeterminate

Indeterminate checkbox

#### Custom checkbox

Use the `.form-check-input` and `.form-check-label` for checkbox. And filled checkbox used `.checkbox-dashed-*` and bordered checkbox used `.checkbox-*`.

###### Bordered Checkbox

Primary - checkbox-primary
Secondary - checkbox-secondary
Success - checkbox-success

###### Icon Checkbox

- Sliders
- User
- Tags
- Android
- Hidden
- Folder
- Send
- Upload

###### Filled Checkbox

Warning - checkbox-dashed-warning
Danger - checkbox-dashed-danger
Info - checkbox-dashed-info

#### Default radio

Use the `.form-check-input` and `.form-check-label` for radios.

###### Custom Radios

Default radio
Default checked radio

###### Disabled Radios

Disabled radio
Disabled checked radio

###### Right Radios

Default radio
Disabled checked radio

#### Images with checkbox

Use the `.form-check-input` and `.form-check-label` for image checkbox.

###### Custom

###### Checked Image

###### Disable Image

###### Disable Checked Image

#### Images with radio

Use the `.form-check-input` and `.form-check-label` for image radio.

###### Custom

###### Checked Image

###### Disable Image

###### Disable Checked Image

#### Custom radio

Use the `.form-check-input` and `.form-check-label` for radios.

###### Bordered Radio

Koho Theme
Roxo Theme
Voxo Theme
Zeta Theme

###### Icons Radio

- Sliders
- Hidden
- Folder
- Send
- Users
- Trash
- github
- Play

###### Filled Radio

Product
Order history
Invoice
Wishlist

#### Default switches

Use the `.form-switch` and `.form-check-label` for switches.

###### Custom Switches

Default switch checkbox input
Checked switch checkbox input

###### Disabled Switches

Disabled switch checkbox input
Disabled checked switch checkbox input

###### Right Switches

Reverse switch checkbox input
Disabled switch checkbox input

#### Inline input-types

Group checkboxes or radios on the same horizontal row by adding `.form-check-inline` to any`.form-check`.

###### Inline Checkbox

I
II
III (disabled)

###### Inline Radios

1
2
3 (disabled)

###### Inline Switches

#### Animated buttons

Use the `.radio_animated` through animated checkbox and radios.

###### Select your payment method

Visa MasterCard Paypal G-pay Bitpay

###### What is your favorite social media?

Instagram Facebook Whatsapp Twitter

#### Basic radio and checkbox

Use the `.form-check-inline` through display inline.

###### Simple Checkbox

Blog
Gallery
Faq
Email
Icons

###### Simple Radios

Maps
Tasks
To-do
Forms
Login

#### Radio toggle buttons

The choice between these two approaches will depend on the type of toggle you are creating, and whether or not the toggle will make sense to users when announced as a checkbox or as an actual button. `[any one selected]`.

Checked Radio Disabled Radio

#### Outlined checkbox styles

The choice between these two approaches will depend on the type of toggle you are creating, and whether or not the toggle will make sense to users when announced as a checkbox or as an actual button. `[multiple selected]`.

Single toggle Checked Checked success radio Dark radio