Textarea

Installation

pnpm dlx shadcn@latest add @uitopia/textarea

Usage

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

<Textarea />

Examples

For accessible labelling and validation, prefer using the Field component to wrap textareas. See the related example: Textarea field.

Small Size

Large Size

Disabled

With Label

Form Integration

Comparing with shadcn

Compared to shadcn/ui, our Textarea component includes size variants (sm, default, lg) for better density control. For visual consistency, if you're using size="lg" on other form elements like inputs, you should add the same size to textareas as well.