How do I install the Vibe UI Textarea component?

You can install Textarea into your React or Next.js project using the Vibe UI CLI: run "npx vibe-ui-kit add textarea" in your terminal.

Does Vibe UI Textarea support Tailwind CSS v4?

Yes, Vibe UI natively supports both modern Tailwind CSS v4 (@theme directives) and Tailwind CSS v3 with zero configuration.

Is the Vibe UI Textarea component accessible?

Yes, Vibe UI primitives are built upon WAI-ARIA compliant Radix UI primitives with full keyboard navigation and screen reader support.

Textarea

Displays a multi-line text input field, useful for longer text content inputs.

Textarea

Displays a multi-line text input field, useful for longer text content inputs.

Preview

Your Message

Installation

pnpm dlx vibe-ui-kit@latest add textarea label

💡 Vibe UI Component Dependencies: This component requires other components to work correctlyPlease make sure you also install these Vibe UI component dependencies: label

Variants

Vibe UI's Textarea component supports multiple rich aesthetic presets to match your application's design system:

Glassmorphic

Retro Neobrutalism

Glow Highlight

Cyberpunk Mode

Examples

Feedback Form

Props

Prop	Type	Default	Description
variant	'default' \| 'bottom' \| 'glass' \| 'retro' \| 'glow' \| 'cyberpunk'	'default'	The visual aesthetic theme variations.
error	boolean	false	When true, highlights the textarea with validation error styling.
autoResize	boolean	false	When true, automatically adjusts the input height to match the typed content's scroll height.