Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Accessible, CSS-only, toggle switches

README.md

CSS Toggle Switch Flattr this git repo

Build Status

CSS Toggle Switches are a set of accessible CSS-only switch components, created from standard form controls in the markup.

You can use them standalone, or with Bootstrap or Foundation.

Install

Download from the project page.

Install with Bower: bower install --save css-toggle-switch

Install with Component: component install ghinda/css-toggle-switch

How to use it

Just include toggle-switch.css, and use the markup from the documentation.

Switches

Light switch

Use the light switch, instead of a checkbox, for simple On/Off options.

Toggle switch

Use the toggle switches, instead of radio buttons, for two or more, specific options.

Browser support

The toggle switches work on all modern browsers, including mobile ones(even proxy-browsers like Opera Mini).

Browsers without support for media-queries, such as IE8 and bellow, get standard form elements.

The onclick="" attribute is required for older iOS and Opera Mini support.

Development

You'll need Grunt:

  grunt server

Then

  http://localhost:9000/

Acknowledgements

CSS Toggle Switches is a project by Ionuț Colceriu.

Something went wrong with that request. Please try again.