svein83 / titatoggle

Pure css toggle buttons based on the bootstrap checkbox pattern

Home Page:http://kleinejan.github.io/titatoggle/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 titatoggle@1.0.0 --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

http://kleinejan.github.io/titatoggle/


Languages

Language:HTML 50.4%Language:CSS 44.7%Language:JavaScript 4.9%