Layout UI

Textarea

Multi-line input sharing the Input field chrome.

Preview

Installation

bash
npx shadcn@latest add @layout/textarea

Usage

tsx
import { Textarea } from "@/components/ui/textarea"

Examples

Error state

Description must be at least 20 characters.

Disabled

AI-generated. Edit in the studio editor.

Guidelines for AI agents

Free-form text of more than one line. Same labelling and error conventions as Input.

Never

  • Neverfix the height with h-*; use rows or min-h so content can grow

Tokens consumed

--layout-input--layout-ring--layout-danger--layout-radius