Textarea

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

Examples

Default

<Textarea placeholder="Type your message here." />

Disabled

<Textarea disabled placeholder="Type your message here." />

With Label

Your message

<div class="grid w-full max-w-sm gap-1.5">
  <label for="message">Your message</label>
  <Textarea id="message" placeholder="Type your message here." />
</div>

Props

Textarea

Prop	Type	Default	Description
class	string	-	Custom classes to apply to the textarea.
defaultValue	string | number	-	The default value of the textarea.
modelValue	string | number	-	The controlled value of the textarea.

Slots

Textarea

Slot	Description
default	The content of the textarea.