Search...

Search documentation...

Textarea

Textarea

A styled <textarea>.

import { Textarea } from "@pompeitech/vesuvius-ui";

Default

Disabled

With a label

Fixed size (no resize handle)

The browser's default resize handle is left on — turn it off with resize-none when a fixed layout matters more than letting the user resize it:

API

Textarea

Every native <textarea> prop, including ref, rows, and maxLength.

PropTypeDescription
rowsnumberVisible text-line height.
maxLengthnumberNative character cap, enforced by the browser.
disabledboolean

No extras — the component adds styling only, no auto-resize-to-content behavior (add that yourself via a library like react-textarea-autosize if you need it; Textarea forwards ref, so it composes with one directly).

Accessibility

Same as Input — always pair with a <Label htmlFor> or aria-label.