Select

Range Demo

Please select one @elonehoo/uielonehooUI

Usage

HTML

<select class="select-green">
  <option disabled value="">
    Please select one
  </option>
  <option>@elonehoo/ui</option>
  <option>elonehoo</option>
  <option>UI</option>
</select>

JSX

<select className="select-green">
  <option disabled value="">
    Please select one
  </option>
  <option>@elonehoo/ui</option>
  <option>elonehoo</option>
  <option>UI</option>
</select>

Rules

Base rules

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

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