Switch

  • 3
    Notifications
    • user

      Emay Walter liked your post

      10 minutes ago
    • user

      Allie Gratershared your post

      5 hours ago
    • user

      Colin Sikcommented on your post

      yesterday
    • Check all
  • 2
    user
    Jane Cooper

    active

    • user

      Hello.how are you?

    • user

      Hi, i'm fine.what about you?

    • user

      I am facing js issue can you help me?

    • user

      Sure, i will help you.

  • 2
    Cart
    empty
    Oops! Your cart empty!!!
  • profile

    Wade Warren

    UI Designer
user

Wade Warren

UI Designer

Custom Switch

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

Icons Switch

Use the .switch-state and icon-state through defined icons switches.

Unchecked Switch

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

Borders with Icons

Use the .switch-outline and .icon-state class through created outline and icons.

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.