Textarea

PreviousNext

Multi-line text input with optional label and helper text.

import { Textarea } from "@/rl-ui";

<Textarea label="Notes" placeholder="Describe the work…" rows={4} />

Examples

Helper & error

import { Textarea } from "@/rl-ui";

<>
<Textarea label="Summary" helperText="Keep it under 280 characters." rows={3} />
<Textarea label="Reason" helperTextType="error" helperText="Required" rows={3} />
</>

Disabled

import { Textarea } from "@/rl-ui";

<Textarea label="Locked" disabled defaultValue="Cannot edit" rows={3} />

API

PropTypeDefaultDescription
labelstring—Field label.
helperTextstring—Hint or validation message.
helperTextType"error" | "warning" | "info"—Helper tone.
requiredbooleanfalseMarks the field required.
maxRowsnumber—Cap auto-resize height.
rowsnumber—Initial visible rows.
disabledbooleanfalsePrevents editing.
readOnlybooleanfalseRead-only value.