Skip to main content

Textarea

Multi-line text input with label, error state, helper text, and optional auto-resize.

Import

import { Textarea } from '@kikumi3n/ui';

Usage

<Textarea label="Description" placeholder="Enter description..." rows={4} />
<Textarea label="Notes" autoResize />
<Textarea label="Comment" error="Required field" />

Auto-Resize

<Textarea label="Bio" autoResize placeholder="Tell us about yourself..." />

The textarea height automatically adjusts as the user types.

API

PropTypeDefaultDescription
labelstringLabel text
errorstringError message
helperTextstringHelper text below input
autoResizebooleanfalseAuto-resize height

Also accepts all standard <textarea> HTML attributes (rows, placeholder, disabled, etc.).

Accessibility

  • Label associated via htmlFor / id
  • Error messages linked via aria-describedby
  • aria-invalid set when error prop provided