Textarea

Input multi-line untuk deskripsi, catatan, dan konten panjang. Support error state dan kontrol resize.

import { Textarea } from "@naraya/ui";

Gunakan Textarea saat input lebih dari satu baris. Untuk label, helper, dan error message yang konsisten, pasangkan dengan Field.

Default

<Textarea placeholder="Tulis deskripsi..." />

Controlled

const [value, setValue] = useState("");

<Textarea value={value} onChange={(e) => setValue(e.target.value)} />

Resize modes

<Textarea resize="vertical" />
<Textarea resize="horizontal" />
<Textarea resize="both" />
<Textarea resize="none" />

Error state

Bio

Minimal 20 karakter.

<Textarea error defaultValue="Konten terlalu pendek" />

Disabled

<Textarea disabled defaultValue="..." />

Prop	Type	Default	Description
error	`boolean`	`false`	Aktifkan border/ring error.
resize	`"vertical" \| "horizontal" \| "both" \| "none"`	`"vertical"`	Atur perilaku CSS resize.
disabled	`boolean`	`false`	Nonaktifkan input.
...rest	`TextareaHTMLAttributes`	—	Semua atribut native textarea (rows, value, onChange, maxLength, dsb).

--bg-surface

Background textarea

--border-subtle

Border default

--color-primary

Focus ring

--color-error

Error border/ring

--radius-md

Border radius