• Dark Light Default
  • My Account Settings Support Lock Screen Logout
  • Notifications
    Mark all read

    Today

    2 min ago
    UI/UX Design

    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type

    1 hour ago
    Message

    Lorem Ipsum has been the industry's standard dummy text ever since the 1500.

    Yesterday

    2 hour ago
    Forms

    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type

    12 hour ago
    Challenge invitation

    Jonny aber invites to join the challenge

    5 hour ago
    Security

    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type

    Clear all Notifications
What's new announcement?

Today

Big News

2 min ago

Able Pro is Redesigned

Able Pro is completely renowed with high aesthetics User Interface.

img
Check Now
Offer

2 hour ago

Able Pro is in best offer price

Download Able Pro exclusive on themeforest with best price.

img

Yesterday

Blog

12 hour ago

Featured Dashboard Template

Do you know Able Pro is one of the featured dashboard template selected by Themeforest team.?

img
Announcement

12 hour ago

Buy Once - Get Free Updated lifetime

Get the lifetime free updates once you purchase the Able Pro.

img

Bootstrap Switch

Bootstrap Switch Button

Bootstrap Switch Button is a widget that converts plain checkboxes into responsive switch buttons.

Reference
Colors
Bootstrap Switch Button implements all standard bootstrap 4 button colors.
Dark Theme Colors
Bootstrap Switch Button colors look great on dark backgrounds.
Custom Text
The text can be changed easily with attributes or options.
HTML, Icons, Images
You can easily add icons or images since html is supported for on/off text.
Multiple Lines of Text
Toggles with multiple lines will adjust its heights.
Animation Speed
Transition speed can be easily controlled with css transition property on .switch-group. You can also turn animation off completely.
Stacked checkboxes
Simply add data-toggle="switchbutton" to convert checkboxes into toggles.
Event Propagation
Note All events are propagated to and from input element to the switch-button.
Methods
Methods can be used to control a switch button directly.
Method Demo Description
initialize Initializes the switch-button with options
destroy Destroys the switch-button
on Sets the switch-button to 'On' state
off Sets the switch-button to 'Off' state
toggle Toggles the state of the switch-button
enable Enables the switch-button
disable Disables the switch-button
Buy Now
Settings
  • Theme Mode

    Choose light or dark mode or Auto

  • Theme Contrast

    Choose theme contrast

  • Custom Theme

    Choose your primary theme color

  • Theme layout

    Choose your layout

    img img img img img
  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Choose Full or Container Layout