OPUS/UI

Navigation

Textarea

Auto-growing textarea (CSS `field-sizing`) with min/max rows and a live character counter.

3 files · 207 locdeps: clsx, tailwind-merge
48 / 280

Grows as you type — up to 8 rows.

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/textarea.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs textarea

Usage

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

<Textarea maxLength={280} showCount />

API

PropTypeDefaultDescription
autosizebooleantrueGrow with content between minRows and maxRows.
minRows / maxRowsnumber3 / 12Height bounds in rows.
showCountboolean—Live “n / max” counter (needs maxLength).

Command palette