<input type='checkbox' switch> で簡単スイッチUI

Safari TP 185でCheckboxのスイッチ化ができるようになった。

Switchはよく使われているけど、パッと見、有効か無効かわかりづらいので利用できるシーンは限られそうではある。

<!-- いままでのチェックボックス -->
<input type="checkbox">

<!-- スイッチ化 -->
<input type="checkbox" switch>

デモ