Skip to content

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

License

Notifications You must be signed in to change notification settings

shaheenhyderk/slideon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SlideOn

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

Preview

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published