Textarea Counter

Multi-line field with a character counter that turns amber near the limit and rose past it.

Beste v3 ships real-time collaboration, custom themes, and a brand new AI editor. Available to all workspaces starting next Tuesday.
Posted to your workspace feed and email digest.132 / 280

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Form7 } from "@/components/beste/piece/form7";

<Form7
  label="Launch announcement"
  value="Beste v3 ships real-time collaboration, custom themes, and a brand new AI editor. Available to all workspaces starting next Tuesday."
  max={280}
  hint="Posted to your workspace feed and email digest."
/>