トグルボタンの様々なスタイリングを提供するCSSライブラリ・「MoreToggles.css」

MoreToggles.css

MoreToggles.cssはトグルボタンのスタイリング用のCSSライブラリです

様々なトグルボタンをclass付与だけで実装出来るようになっています。スタイルはiOSタイプやAndroidタイプなどいくつか用意されています

実際に使ってみmした

動作サンプル

使い方も簡単、CDNも用意されています

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/JNKKKK/MoreToggles.css/output/moretoggles.min.css">

あとはHTMLを書いてclassを付与するだけです

<div class="mt-ios"> 
  <input id="1" type="checkbox" />
  <label for="1"></label>
</div>

classとスタイル例の一覧ページが用意されているので合わせてご覧ください

MoreToggles.cssスタイル一覧