TextArea

#Default usage

#Usage

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

export function Example() {
  return (
    <TextArea aria-label="Release notes" defaultValue="Refined docs, component coverage, and product surface examples." rows={5} />
  );
}

#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

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