Range

Range Demo

Usage

HTML

<input type="range" min="0" max="100" class="range-green">

JSX

<input type="range" min="0" max="100" className="range-green">

Rules

Base rules

/^range-((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

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