primitives

Textarea

Multi-line text input. Auto-grows with content via `field-sizing: content`. Use for descriptions, notes, anything that may exceed a single line.

Install

Pull this component (and its dependencies) straight into your app via the shadcn CLI:

npx shadcn@latest add https://design.oapps.io/r/textarea.json

Or import from the workspace package:

import { Textarea, Label } from "@8maverik8/design";

Bio

<div className="flex flex-col gap-1.5">
  <Label htmlFor="bio">Bio</Label>
  <Textarea id="bio" placeholder="Tell us about yourself…" />
</div>

Let it auto-grow — don't fight the `field-sizing: content` behavior with fixed `rows`.
Use Textarea for short scalar values (name, slug). Use Input.Textarea takes more vertical space and signals "long content expected".