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
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | Label above the textarea. |
| error | string | - | Error message shown below. |
| hint | string | - | Hint text below the textarea. |
| resize | boolean | true | Allow vertical resize handle. |
| containerClassName | string | - | Classes for the wrapper. |
| textareaClassName | string | - | Classes for the textarea element. |