GitHub55X

Textarea

Vue textarea for multi-line text entry with size variants for comments, notes, and forms.

PreviousNext

Installation

Install from the Vuzeno registry:

      
      bunx --bun shadcn-vue@latest add https://vuzeno.com/r/textarea.json

Usage

      
      <script setup lang="ts">
import { Textarea } from "@/components/ui/textarea";
</script>

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

Examples

Field

Use Field to add a label, helper text, and validation context around the textarea.

Disabled

Use the disabled prop to disable the textarea. Wrap it in Field.Root with disabled to style the disabled state.

Invalid

Use the aria-invalid prop to mark the textarea as invalid. Set invalid on Field.Root to style the invalid state.

Combine with Field for labels, helper text, and validation. Use InputGroup to add addons, text, or buttons around a textarea.

Tags InputTimeline