InputTextArea

Usage

import { InputTextArea } from '@acronis-platform/ui-react';

InputTextArea wraps a native <textarea> and adds the field furniture — an optional label (with a required marker), helper description, and error message. Without a label it renders just the box. Themed by the --ui-input-text-area-* tokens.

Textarea is an alias of InputTextArea. The legacy bare Textarea box is replaced by this design-system-native field; import { Textarea } from '@acronis-platform/ui-react' re-exports InputTextArea — same props. Without a label it's a drop-in for the bare textarea. Prefer InputTextArea in new code.

Examples

A labeled multi-line field:

<InputTextArea label="Description" placeholder="Add details…" />

Required and error states:

<InputTextArea label="Comment" required />

<InputTextArea
  label="Comment"
  error="This field is required."
/>

With helper text and a row count:

<InputTextArea
  label="Notes"
  description="Markdown is supported."
  rows={6}
/>

API Reference