Fields and selection

Textarea

A multiline text field aligned with the 4AF input tones and sizing system.

⠋

Install

npx shadcn@latest add https://4af.selfsimilar.dev/r/textarea.json

Usage

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

<Textarea placeholder="Write a note…" />

API

Main export: Textarea

A multiline field matching Input, with an optional pointer-captured corner resize grip.

The field uses the medium form-row treatment with an 8px radius. When resizable is enabled, the 16px corner grip uses the compact 6px radius.

On this page