TextArea

TextArea defines how EnterUI handles a multi-line text input with controlled resize behavior, including default structure, accessible states, and token-driven styling.

#Default usage

<TextArea aria-label="Release notes" defaultValue="Refined docs, component coverage, and product surface examples." rows={5} />

#Import

import { TextArea } from "@froggdesign/enter-ui-react";

#Patterns

#Accessibility

TextArea renders a native textarea. Pair it with Label or Field and use FieldError for semantic error text.

#API

• invalid toggles invalid styling and aria state.
• resize: vertical, horizontal, both, or none.
• All native textarea props are supported.

#Styling

The text area uses the shared medium (8px) input radius rather than an extra-rounded box.

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.