# minhur/bootstrap-toggle

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/minhur-bootstrap-toggle).**

1,458 stars · 436 forks · HTML · MIT

## Links

- GitHub: https://github.com/minhur/bootstrap-toggle
- Homepage: http://www.bootstraptoggle.com
- awesome-repositories: https://awesome-repositories.com/repository/minhur-bootstrap-toggle.md

## Description

Bootstrap Toggle is a frontend interface component and JavaScript plugin designed to convert standard web form checkboxes into interactive toggle switches. It integrates with the Bootstrap design framework to provide enhanced form controls through automatic markup enhancement.

The component transforms static elements by parsing inline HTML attributes during initialization and applying modular CSS styles and dynamic class switching. It supports appearance customization for dimensions, button styles, state labels, colors, and icons, alongside bi-directional event synchronization that keeps native input change listeners functioning. 

External scripts can manage active instances through an imperative method API that controls states, enables or disables interactions, and destroys components on demand.

## Tags

### User Interface & Experience

- [Checkbox Toggle Conversions](https://awesome-repositories.com/f/user-interface-experience/checkbox-components/checkbox-toggle-conversions.md) — Turning standard web form checkboxes into interactive toggle switches with minimal markup and setup effort.
- [Checkbox Components](https://awesome-repositories.com/f/user-interface-experience/checkbox-components.md) — A user interface control that converts regular checkboxes into sliding toggle switches using markup attributes or script settings.
- [Component Method APIs](https://awesome-repositories.com/f/user-interface-experience/component-method-apis.md) — Exposes a programmatic interface for external scripts to control, update, disable, and destroy active component instances on demand.
- [Programmatic State Controls](https://awesome-repositories.com/f/user-interface-experience/date-pickers/programmatic-state-controls.md) — The toggle component provides methods to programmatically manage toggle states, enable or disable interactions, and destroy component instances on demand. ([source](https://github.com/minhur/bootstrap-toggle#readme))
- [Checkbox Inputs](https://awesome-repositories.com/f/user-interface-experience/form-input-components/checkbox-inputs.md) — The toggle component automatically transforms standard form checkboxes into interactive toggle switches using markup attributes or programmatic initialization. ([source](https://github.com/minhur/bootstrap-toggle#readme))
- [Appearance Customizations](https://awesome-repositories.com/f/user-interface-experience/appearance-customizations.md) — The toggle component allows configuring dimensions, button styles, state labels, colors, icons, and custom classes through attributes or script settings. ([source](https://github.com/minhur/bootstrap-toggle#readme))
- [Event Propagation Models](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/event-handling-architectures/event-handling/event-propagation-models.md) — The toggle component synchronizes and forwards user interactions and native input change events so listeners react consistently to updates. ([source](https://github.com/minhur/bootstrap-toggle/blob/master/README.md))
- [Bi-Directional Event Synchronizations](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/event-handling-architectures/event-handling/event-propagation-models/bi-directional-event-synchronizations.md) — Synchronizes custom control actions bi-directionally with the underlying native form input to ensure standard event listeners keep working.
- [JavaScript Component Controllers](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/lifecycle-state-management/javascript-component-controllers.md) — Controlling UI element states, event handling, and component destruction dynamically through programmatic methods.
- [UI Label Customizations](https://awesome-repositories.com/f/user-interface-experience/ui-label-customizations.md) — Styling toggle components with custom sizes, colors, and labels to match specific interface design requirements.

### Part of an Awesome List

- [Plugin Toggle Managers](https://awesome-repositories.com/f/awesome-lists/devtools/server-plugins-and-extensions/chat-server-plugins/plugin-toggle-managers.md) — A flexible JavaScript plugin that transforms standard form checkboxes into interactive toggle switches with customizable styles and sizes.

### Web Development

- [Bootstrap Form Enhancements](https://awesome-repositories.com/f/web-development/bootstrap-form-enhancements.md) — A frontend interface component designed to integrate seamlessly with the Bootstrap design framework for enhanced form controls.
- [Configuration Attributes](https://awesome-repositories.com/f/web-development/element-attributes/configuration-attributes.md) — Customizes component appearance and behavior directly from inline HTML markup attributes parsed during the initialization cycle.

### Programming Languages & Runtimes

- [DOM Markup Enhancements](https://awesome-repositories.com/f/programming-languages-runtimes/in-place-data-modification/in-place-tree-mutators/dom-mutators/dom-markup-enhancements.md) — Transforms static markup elements into rich interactive components by reading attributes and replacing them in the live page layout.