Press "Enter" to skip to content

Pure CSS Android Style Toggle Switch Button | togglebtn.css

togglebtn.css is a CSS library for creating Android-style toggle switches using pure CSS.

android toggle switch, custom toggle button in android github, sliding toggle button in android, android custom toggle button with text, android switch button style

How to make use of it:

1. Load the togglebtn.css style sheet into the document.

<link href="togglebtn.css" rel="stylesheet" />

2. Coding to create a primary toggle switch.

<input type="checkbox" id="demo1" class="togglebtn" autocomplete="off" />
<label for="demo1" class="togglebtn"><span class="indicator"></span></label>

3. Create a toggle switch with the conditional label.

<input type="checkbox" id="demo2" class="togglebtn" autocomplete="off" />
<label for="demo2" class="togglebtn conditional"><span class="indicator"></span></label>
<label for="demo2" class="conditional on">Leat Fingies</label>
<label for="demo2" class="conditional off">Bimgus</label>

Android Style Toggle Switch, css-togglebtn Plugin/Github, toggle button android github, material toggle button android, toggle button animation android

See Demo And Download

Official Website(cailyn-baksh): Click Here

This superior jQuery/javascript plugin is developed by cailyn-baksh. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.