Checkbox and Radio | Cuba - Premium Admin Template By Pixelstrap

Loading...

###### Don't Miss Out! Our new update has been released.

###### Something you love is now on sale!

Buy now !

### Checkbox & Radio

##### Default Checkbox

Use `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 `form-check-input` and `form-check-label` for checkbox and filled checkbox used `checkbox-solid-*` 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-solid-warning
Danger - checkbox-solid-danger
Info - checkbox-solid-info

##### Default Radio Buttons

Use `form-check-input` and `form-check-label` for radio buttons.

###### 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 `form-check-input` and `form-check-label` for image checkbox.

###### Custom

###### Checked Image

###### Disable Image

###### Disable Checked Image

##### Images with Radio

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

###### Custom

###### Checked Image

###### Disable Image

###### Disable Checked Image

##### Custom Radio Buttons

Use `form-check-input` and `form-check-label` for custom radio buttons.

###### 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 `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 `radio_animated` to animate checkbox and radio buttons.

###### 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 `form-check-inline` to display inline checkbox and radio buttons.

###### 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