← All components
forms / stable

Textarea

Multi-line native text input styled like Input; grows with its content.

LIVE PREVIEW
Loading preview…

When to use

  • Notes, descriptions and comments — free text longer than one line.

Consider an alternative

  • Rich text (mentions, formatting) — use the document editor.
  • New forms with label + validation — use `<TextField multiline>`.

Import

import { Textarea } from '@revido-llc/kit';

Keyboard interaction

  • Tab — move focus
  • Enter — new line

Props

Props documented by the Kit. Refer to the TypeScript types for the complete interface, including inherited props.

childrenReactNode—
classNamestring—

Examples

Default

<Label htmlFor="notes">Notes</Label>
<Textarea id="notes" placeholder="Add a note…" />

States

<Textarea aria-invalid />
<Textarea disabled />

Related components