Forms Textarea

Textarea

Room to say more: a review, a note to the Zostel, the story of the trip.

Preview

Default

With a label

Your review

Disabled

Usage

tsx

import { Textarea, Label } from "zostel-ui";

<Label htmlFor="review">Your review</Label>
<Textarea id="review" placeholder="Tell the next traveller what to expect." />

Props

Prop	Type	Default	Description
`rows`	`number`	—	Visible lines.
`placeholder`	`string`	—	A hint.
`disabled`	`boolean`	`false`	Greys it out.
`…`	`TextareaHTMLAttributes`	—	Every other <textarea> attribute.
`className`	`string`	—	More classes, merged with the component’s own (tailwind-merge).

rows

Type: number

Default: —

Visible lines.

placeholder

Type: string

Default: —

A hint.

disabled

Type: boolean

Default: false

Greys it out.

…

Type: TextareaHTMLAttributes

Default: —

Every other <textarea> attribute.

className

Type: string

Default: —

More classes, merged with the component’s own (tailwind-merge).