Titatoggle
Pure css toggle buttons based on the bootstrap checkbox pattern
Install / Use
/learn @kleinejan/TitatoggleREADME
TiTatoggle - (bootstrap 4 addon without JS)
Using awesome toggle buttons without Javascript or any other logic, other than plane form elements. The Pattern is the same as Twitter-Bootstrap. So it can be implemented without a breeze.
Browser support: Internet Explorer 9/10/11, Edge, FireFox, Safari, Chrome, Safari Ios, Stock Android browser 4.2, Chrome Android
Install package:
$ npm install titatoggle --save-dev (Bootstrap 4.x.x)
$ npm install titatoggle@1.0.0 --save-dev (Legacy bootstrap 3.x.x)
$ yarn add titatoggle
$ bower install titatoggle
Example usage
<div class="checkbox checkbox-slider--X">
<label>
<input type="checkbox"><span>checked</span>
</label>
</div>
More examples can be found at the documentation site:Titatoggle
MIT License
Related Skills
node-connect
354.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
112.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
354.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
354.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
