• ENG
  • 2

    Cart

  • 4

    Notification View all

    • 30-04-2024Today
      Alice Goodwin

      Fashion should be fun. It shouldn't be labelled intellectual.

    • 28-06-20241 hour ago
      Herry Venter

      I am convinced that there can be luxury in simplicity.

    • 04-08-2024Today
      Loain Deo

      I feel that things happen for open new opportunities.

    • 12-11-2024Yesterday
      Fenter Jessy

      Sometimes the simplest things are the most profound.

  • Bookmark

  • 15

  • user
    Ava Davis

    Admin

Checkbox & Radio

  2. Form Controls
  3. Checkbox & Radio

Default checkbox

Use the .form-check-input and

Default Checks
Disabled Checks
Right Checks
Indeterminate

Custom checkbox

Use the .form-check-input and .form-check-label for checkbox. And filled checkbox used

Bordered Checkbox
Icon Checkbox
Filled Checkbox

Default radio

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

Custom Radios
Disabled Radios
Right Radios

Images with checkbox

Use the .form-check-input and .form-check-labelfor 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
Icons Radio
Filled Radio

Default switches

Use the .form-switch and .form-check-labelfor switches.

Custom Switches
Disabled Switches
Right Switches

Inline input-types

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

Inline Checkbox
Inline Radios
Inline Switches

Animated buttons

Use the.radio_animatedthrough 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-inlinethrough display inline.

Simple Checkbox
Simple Radios

Radio toggle buttons

The choice between these two approaches will depend on the type of toggle you are creating.

Outlined checkbox styles

The choice between these two approaches will depend on the type of toggle you are creating.