Textarea

Displays a form textarea or a component that looks like a textarea.

Props

Prop	Type	Default	Description
`size`	`'sm' \| 'base' \| 'lg'`	`'base'`	Textarea size
`state`	`'default' \| 'error'`	`'default'`	Visual state styling
...textarea props	`ComponentProps<'textarea'>`	-	All native textarea attributes

Usage

<div className="flex flex-col gap-2">
  <Textarea size="sm" placeholder="Type your message here." />
  <Textarea size="base" placeholder="Type your message here." />
  <Textarea size="lg" placeholder="Type your message here." />
  <Textarea disabled placeholder="Type your message here." />
  <Textarea state="error" placeholder="Type your message here." />
</div>

Examples

<Textarea size="sm" placeholder="Small" />
<Textarea size="base" placeholder="Base" />
<Textarea size="lg" placeholder="Large" />
<Textarea state="error" placeholder="Invalid" />