Don't Miss Out! Our new update has been released.
Checkbox & Radio
Default Checkbox
Use form-check-input and form-check-label for checkbox.
Default Checks
Disabled Checks
Right Checks
Indeterminate
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
Icon Checkbox
Filled Checkbox
Default Radio Buttons
Use form-check-input and form-check-label for radio buttons.
Custom Radios
Disabled Radios
Right Radios
Images with Checkbox
Use form-check-input and form-check-label for image checkbox.
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
Icons Radio
Filled Radio
Default Switches
Use form-switch and form-check-label for switches.
Custom Switches
Disabled Switches
Right Switches
Inline Input Types
Group checkboxes or radios on the same horizontal row by adding form-check-inline to any form-check.
Inline Checkbox
Inline Radios
Inline Switches
Animated Buttons
Use radio_animated to animate checkbox and radio buttons.
Select your payment method
VisaMasterCardPaypalG-pay BitpayWhat is your favorite social media?
InstagramFacebookWhatsappTwitterBasic Radio and Checkbox
Use form-check-inline to display inline checkbox and radio buttons.
Simple Checkbox
Simple Radios
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].
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].