iCheck, Toggle

A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Basic example

Simply add data-toggle="toggle"to convert checkboxes into toggles.


Inline Checkboxes

Simply add data-toggle="toggle"to a convert checkboxes into toggles.


Size

Bootstrap toggle is available in different sizes.

Custom Sizes

Bootstrap toggle can handle custom sizes by data-widthand data-heightoptions.


Colors

Bootstrap Toggle implements all standard bootstrap 4 button colors.


Colors Mix

You can style on state as well as the off state.


Custom Style

Style the buttons to fit an existing UX.

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 transitionproperty on .toggle-group. You can also turn animation off completely.