Bootstrap Switch

Colors
Bootstrap Switch Button implements all standard bootstrap 4 button colors.
Dark رنگ تمs
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.
MethodDemoتوضیح
initializeInitializes the switch-button with options
destroyDestroys the switch-button
onSets the switch-button to 'On' state
offSets the switch-button to 'Off' state
toggleToggles the state of the switch-button
enableEnables the switch-button
غیرفعال کردنDisables the switch-button
تنظیمات
  • حالت تم

    حالت روشن یا تاریک یا خودکار را انتخاب کنید

  • تم نوار کناری

    تم نوار کناری را انتخاب کنید

  • رنگ تاکیدی

    رنگ تم اصلی خود را انتخاب کنید

  • عنوان نوار کناری

    عنوان نوار کناری پنهان/نمایش

  • طرح تم

    LTR/RTL

  • عرض طرح

    طرح بندی کامل یا کانتینری را انتخاب کنید