Input

Input Demo

Usage

HTML

<input type="text" placeholder="Search..." class="input-green">

JSX

<input type="text" placeholder="Search..." className="input-green">

Rules

Base rules

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

/^input-((2xs|xs|sm|md|lg|xl))$/