• 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

Switch

  2. Bonus Ui
  3. Switch

Custom switch

A switch has the markup of a custom checkbox but uses the .form-switch class to render atoggle switch.

Icons switch

Use .switch-state & icon-state through defined icons switches.

Unchecked switch

Use the .bg-* class through created default switches.

Borders with icons

Use .switch-outline & .icon-state class through created outline.

Disabled outline switch

Use the .switch-outline class through created outline.

Variation of switches

Use the .tgl-skewed/tgl-flip class through created variations.

  • Skewed

  • Flip

  • Checked

  • Flat

Switch sizing

Use the .switch-sm and .switch-lg class through defined switch sizing.

Switch with Icons

Use the.icon-state class through visible icons in switches.