SlideOn

Slideon is a simple component which creates beautiful slide switches, by converting checkboxes, with zero latency and easy integration.

Documentation and demo

Why slideon over other components

No latency - while integrating many other similar components, you will see a minor latency(checkbox turning to switch) if your project is huge but not in slideon.

Easy integration - just add some classes to your checkbox.

Different styles - just add some classes for different sizes, shapes and colors.

Events and actions - you can trigger events and actions just like how you do with a normal checkbox.

Light weight - the component is very much lighter.

Faster - the processing of component is faster.

Installation

CDN

Add the following cdn to your web page.

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/shaheenhyderk/slideon@master/slideon.css"/>
    <script src="https://cdn.jsdelivr.net/gh/shaheenhyderk/slideon@master/slideon.js"></script>

Standalone

Download slideon and just add the script file and css file to your website.

    <link rel="stylesheet" href="slideon.css"/>
    <script src="slideon.js"></script>

Integration

For integration, live demo and detailed information checkout the documentation https://shaheenhyder.com/slideon