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.

Related Posts

Star-Rating-Plugin

Star Rating Plugin Control Based On Radio Buttons

Star Rating Radio Buttons, the star rating plugin is a plugin for the jQuery Javascript library that creates a non-intrusive star rating control based on a set…

QR-Code-With-Pure-JavaScript

A Pure QRCode Encode and Decode JavaScript Library | Decoding/Encoding

QR Code With Pure JavaScript – A pure JavaScript QRCode encode and decode library. QR code encoder and decoder instruments help you shortly generate QR codes from…

Vertical-3-Dot-Context-Menu

Simple and Lightweight Vertical 3-Dot Context Menu

The 3-dot Context Menu allows for a simple and lightweight implementation to show 3 vertical dots allowing the user to click and show a menu. Below is…

Pure-JavaScript-Toast-Notification

Pure Toast Notification JavaScript Library | Toastify JS

Toast Notification JavaScript – Toastify JS is an easy, lightweight, vanilla JavaScript library used for sending stackable, non-blocking toast messages to end customers. Features Multiple stacked notifications…

bootstrap-bs-dialogs

Dialogs Based on Bootstrap 5 Modal Component | BS-DIALOGS

BS-DIALOGS is a small library for creating modal windows for notification and input using the Bootstrap 5 modal. It automatically handles DOM processing and provides callbacks to…

Table-of-Contents-for-the-Long-Document

Create a List-Based Table of Contents for the Long Document | HTML-Contents

Creates a table of contents in the DOM element optionally linked with anchors. HTML Content is a self-contained JavaScript library that dynamically creates a semantic and environmentally…