Toggle

Toggle Demo

Usage

HTML

<input type="checkbox" class="toggle-green">

JSX

<input type="checkbox" className="toggle-green">

Rules

Base rules

/^toggle-((none|rose|pink|fuchsia|purple|violet|indigo|blue|sky|cyan|teal|emerald|green|lime|yellow|amber|orange|red|gray|slate|zinc|neutral|stone|light|dark|lightblue|warmgray|truegray|coolgray|bluegray))$/

Size rules

/^toggle-((xs|sm|md|lg))$/