Textarea

Textarea Demo

Usage

HTML

<textarea class="textarea-green" placeholder="Hi @elonehoo/ui..." rows="3"></textarea>

JSX

<textarea className="textarea-green" placeholder="Hi @elonehoo/ui..." rows="3"></textarea>

Rules

Base rules

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

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