Switch
THIS MONTH
$58,356
LAST MONTH
$48,356
Sizes
Bootstrap toggle is available in different sizes.
Custom Sizes
Bootstrap toggle can handle custom sizes by
data-width and
data-height options.
Colors
Bootstrap Toggle implements all standard bootstrap 4 button colors.
Outline Colors
Bootstrap Toggle implements all standard bootstrap 4 button outline colors.
Dark Theme Colors
Bootstrap Toggle colors look great on dark backgrounds.
Dark Theme Outline Colors
Bootstrap Toggle outline colors look great on dark backgrounds.
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
transition property on
.toggle-group. You can also turn animation off
completely.
Stacked checkboxes
Simply add data-toggle="toggle" to convert
checkboxes into toggles.
Inline Checkboxes
Simply add data-toggle="toggle" to a convert
checkboxes into toggles.
Initialize with HTML
Simply add data-toggle="toggle" to convert
checkboxes into toggles.
Initialize with JavaScript
Simply call the bootstrapToggle method to
convert checkboxes into toggles. See
Options for additional colors, etc.
Options
Options can be passed via data attributes or JavaScript. For
data attributes, append the option name to
data-, as in data-on="Enabled".
Methods
Methods can be used to control toggles directly.
Checked State
You can determine the checked state of a toggle using the `checked` property.
Event Propagation
• All events are propagated to and from input element to the
toggle.
• Listen for events on the
<input type="checkbox"> directly as the
toggle stays synced with the input.
Stopping Event Propagation
Passing true to the on/off methods will enable
the silent option to prevent the control from propagating
the change event in cases where you want to update the
controls on/off state, but do not want to fire the onChange
event.