NAMCHE UI

Textarea

A multi-line text input for longer freeform content, such as an incident note.

Install

pnpm dlx shadcn@latest add @namche/textarea

Usage

import { Label } from '@/components/ui/label';
import { Textarea } from '@/components/ui/textarea';

<div className="grid gap-2">
  <Label htmlFor="incident-note">Incident note</Label>
  <Textarea id="incident-note" rows={4} placeholder="What happened…" />
</div>

A plain <textarea> with no external primitive — it takes every native textarea prop directly. field-sizing-content is set by default, so the box grows with its content up to min-h-16 instead of scrolling internally unless you cap it with a className (e.g. max-h-40).

On this page