Textarea

Multi-line text input areas

InputsStable

Preview

Interactive preview of the Textarea component with different variants.

Installation

Install the package via npm:

bash
npm install apex-design-system

Import

tsx
import { Textarea } from 'apex-design-system';

Basic Usage

tsx
<Textarea placeholder="Enter your message..." />

With Label

tsx
import { Label, Textarea } from 'apex-design-system';

<div className="space-y-2">
  <Label htmlFor="message">Message</Label>
  <Textarea id="message" placeholder="Your message here..." rows={4} />
</div>

Accessibility

This component follows WAI-ARIA best practices and is WCAG 2.1 AA compliant. It includes proper keyboard navigation, focus management, and screen reader support.

View in StorybookView source