Skip to content

Pure css toggle buttons based on the bootstrap checkbox pattern

Notifications You must be signed in to change notification settings

ldwnt/titatoggle

 
 

Repository files navigation

TiTatoggle - (bootstrap 4 addon without JS)

Using awesome toggle buttons without Javascript or any other logic, other than plane form elements. The Pattern is the same as Twitter-Bootstrap. So it can be implemented without a breeze.

Browser support: Internet Explorer 9/10/11, Edge, FireFox, Safari, Chrome, Safari Ios, Stock Android browser 4.2, Chrome Android

Install package:

$ npm install titatoggle --save-dev (Bootstrap 4.x.x)
$ npm install [email protected] --save-dev (Legacy bootstrap 3.x.x)
$ yarn add titatoggle
$ bower install titatoggle

Example usage

<div class="checkbox checkbox-slider--X">
	<label>
		<input type="checkbox"><span>checked</span>
	</label>
</div>

More examples can be found at the documentation site:Titatoggle

GNU General Public License v2.0 Example structure

About

Pure css toggle buttons based on the bootstrap checkbox pattern

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 50.4%
  • CSS 44.7%
  • JavaScript 4.9%