Textarea
A multi-line text input for longer content such as reviews, messages, or descriptions. Supports resizing and character limits.
Preview
Default
With Label
Disabled
Usage
tsx
import { Textarea } from "zostel-ui";
<Textarea placeholder="Tell us about your trip..." />
<Textarea rows={5} placeholder="Write your review..." />
<Textarea disabled placeholder="Disabled" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
placeholder | string | — | Placeholder text shown when the textarea is empty. |
rows | number | 3 | The number of visible text lines. |
disabled | boolean | false | Disables the textarea. |
className | string | "" | Additional CSS classes to apply. |
placeholderType:
stringDefault: —
Placeholder text shown when the textarea is empty.
rowsType:
numberDefault: 3
The number of visible text lines.
disabledType:
booleanDefault: false
Disables the textarea.
classNameType:
stringDefault: ""
Additional CSS classes to apply.