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.