### Checkboxes and Radio Buttons

### $5,668

Sales

#### Simple Checkboxes

#### Basic Checkbox

I am unchecked Checkbox
I am checked Checkbox
I am disabled Checkbox
I am checked & disabled Checkbox

#### Basic Right Checkbox

Simple Right side checkboxes with `.right-checkbox` wrapper class.

I am unchecked Checkbox
I am checked Checkbox
I am disabled Checkbox
I am checked & disabled Checkbox

#### Custom Checkbox

Add `.custom-input.custom-checkbox` as a single wrapper & add `<span class="custom-control-indicator"></span>` for better output. Also use `.custom-control-description` class for checkbox description.

Check this custom checkbox
Custom checkbox checked
Custom checkbox disabled
Custom checkbox checked & disabled

#### Custom Right Checkbox

Add `.custom-input.custom-checkbox` as a single wrapper & add `<span class="custom-control-indicator"></span>` for better output & wrap with `right-checkbox` for right aligned checkbox.

Custom checkbox
Custom checkbox checked
Custom checkbox disabled
Custom checkbox checked & disabled

#### Simple Radio Buttons

#### Basic Radio Buttons

I am unchecked Radio Button
I am checked Radio Button
I am disabled Radio Button

#### Basic Right Radio Buttons

Simple Radio Button with right align using `.right-radio` class.

I am unchecked Radio Button
I am checked Radio Button
I am disabled Radio Button

#### Custom Radio Buttons

Add `.custom-input.custom-radio` as a single wrapper & add `<span class="custom-control-indicator"></span>` for better output. Also use `.custom-control-description` class for radio description.

Toggle this custom radio
Or toggle this other custom radio
Or toggle this other custom radio

#### Custom Right Radio Buttons

Add `.c-input.c-radio` as a single wrapper & add `<span class="c-indicator"></span>` for better output & wrap with `right-radio` for right aligned radio.

Toggle this custom radio
Or toggle this other custom radio
Or toggle this other custom radio

#### iCheck Checkbox

#### Basic Skin iCheck

Wrap with `.icheck_minimal.skin` for this style of checkbox.

Checkbox
Checkbox Checked
Checkbox Disabled
Checkbox Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Square Skin iCheck

Wrap with `.skin.skin-square` for square and colored checkbox. Have to do color changes using JS.

Checkbox
Checkbox Checked
Checkbox Disabled
Checkbox Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Flat Skin iCheck

Wrap with `.skin.skin-flat` for Flat colored checkbox. Have to do color changes using JS.

Checkbox
Checkbox Checked
Checkbox Disabled
Checkbox Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Line iCheck Checkbox

Wrap with `.skin.skin-line` for line checkbox. Have to do color changes using JS.

Checkbox
Checkbox Checked
Checkbox Disabled
Checkbox Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Polaris Skin iCheck

Wrap with `.skin.skin-polaris` for polaris checkbox.

Checkbox
Checkbox Checked
Checkbox Disabled
Checkbox Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State

#### Futurico Skin iCheck

Wrap with `.skin.skin-futurico` for futurico checkbox.

Checkbox
Checkbox Checked
Checkbox Disabled
Checkbox Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State

#### iCheck Radio Buttons

#### Minimal iCheck Radio Option

Wrap with `.icheck_minimal` with `.skin` to use another icheck radio style.

Radio Button
Radio Button Checked
Radio Button Disabled
Radio Button Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Filled Skin iCheck Radio

Wrap with `.skin.skin-square` for square and colored radio. Have to do color changes using JS.

Radio Button
Radio Button Checked
Radio Button Disabled
Radio Button Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Flat Skin iCheck Radio

Wrap with `.skin.skin-flat` for Flat colored radio. Have to do color changes using JS.

Radio Button
Radio Button Checked
Radio Button Disabled
Radio Button Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Line iCheck Radio

Wrap with `.skin.skin-line` for line Radio. Have to do color changes using JS.

Radio Button
Radio Button Checked
Radio Button Disabled
Radio Button Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State
Color schemes

#### Polaris Skin iCheck Radio

Wrap with `.skin.skin-polaris` for polaris radio.

Radio Button
Radio Button Checked
Radio Button Disabled
Radio Button Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State

#### Futurico Skin iCheck Radio

Wrap with `.skin.skin-futurico` for futurico radio.

Radio Button
Radio Button Checked
Radio Button Disabled
Radio Button Checked & Disabled
Normal State
Hover State
Checked State
Disabled State
Checked & Disabled State

#### Color Checkboxes

Add `.bg-COLOR` to span to set according to theme color.

#### Template Color Checkbox

Primary Checkbox
Success Checkbox
Danger Checkbox

#### Another Template color checkbox example

Information Checkbox
Warning Checkbox
Custom color purple

#### Custom Bootstrap Color Radio Buttons

Add `.bg-COLOR` to span to set according to theme color.

#### Template color Radio Button

Primary Radio
Success Radio
Danger Radio

#### Another Template color Radio example

Information Radiobox
Warning Radiobox
Custom color pink

#### Inline Checkboxes

Add `.inline` class to the checkbox wrapper for inline checkbox.

#### Custom Inline Checkboxes

Unchecked custom checkbox
Checked custom checkbox
Disabled custom checkbox

#### Inline Radio Buttons

Add `.inline` class to the radio wrapper.

#### Custom Inline Radio

Unchecked custom radio
Checked custom radio
Disabled custom radio

#### Image Checkbox

#### Default Image Checkbox

Add `.img-thumbnail` class to <img> tag after input type checkbox.

#### Basic Image Checkbox

Add `.btn-COLORNAME` class to wrapper to use theme colors.