Checkbox and Radio
Custom Checkbox
These are Theme Custom checkboxes.
Use
.new-control
,.new-checkbox
withlabel
tag,.new-control-input
with inputtype="checkbox"
inside the label and.new-control-indicator
withspan
tag inside the label to create theme custom checkboxes.
Default
Use .checkbox-*
class to change different colors.
Default Rounded
Use .new-checkbox-rounded
class to create checkboxes rounded.
Default Classic
Use .new-checkbox-classic
class to create checkboxes squares.
Outline
Use .checkbox-outline-*
class to create checkboxes outlined and change different colors.
Outline Rounded
Use .new-checkbox-rounded
class to create checkboxes rounded.
Outline Classic
Use .new-checkbox-classic
class to create checkboxes squares.
Default Line Through
Use .new-checkbox-line-through
class to create line through when checkbox is checked.
Rounded Line Through
Use .new-checkbox-rounded
class to create line through when checkbox is checked
Classic Line Through
Use .new-checkbox-classic
class to create line through when checkbox is checked
Custom Radio
These are Theme Custom Radio.
Use
.new-control
,.new-radio
withlabel
tag,.new-control-input
with inputtype="radio"
inside the label and.new-control-indicator
withspan
tag inside the label to create theme custom radio.
Default
Use .radio-*
class to change different colors.
Classic
Use .radio-classic-*
class to make classic.
Square
Use .square-radio
class to make squares.
Default Line Through
Use .new-radio-line-through
class to create line through when checkbox is checked.
Classic Line Through
Use .radio-classic-*
class to create line through when checkbox is checked.
Square Line Through
Use .square-radio
class to create line through when checkbox is checked.
Bootstrap Checkbox
These checkboxes and radio buttons are slightly customized to change colors, shapes and styles.
Default
Use .checkbox-*
class to apply different colors.
Rounded
Use .rounded-chk
class to make checkboxes rounded.
Classic
Use .classic-chk
class to make checkboxes squares.
Bootstrap Radio
Default
Use .radio-*
class to apply different colors.
Square
Use .square-radio
class to make radio squares.