BDMG UI

Text Area

Multi-line text input with optional label, error, hint, and configurable resize.

Installation

tsx
import { TextArea } from "@workspace/ui/components/text-area"

Basic usage

tsx
<TextArea
  label="Message"
  placeholder="Enter your message..."
  rows={4}
/>

No resize

tsx
<TextArea
  label="Fixed height"
  placeholder="No resize"
  resize={false}
  rows={3}
/>

Props

PropTypeDefaultDescription
labelstring-Label above the textarea.
errorstring-Error message shown below.
hintstring-Hint text below the textarea.
resizebooleantrueAllow vertical resize handle.
containerClassNamestring-Classes for the wrapper.
textareaClassNamestring-Classes for the textarea element.