Foundation component · Forms

Text Area

A multiline field with label, supporting text, validation, and native resizing.

Live playground

Workspace guidance

Used when preparing new responses.

Choose Text Area when

Use for free-form notes and guidance; use Text Field for short structured values.
Editors, prompt composers, and code validation remain separate application patterns.

Accessibility

Keep a visible label; a placeholder is only an example.
Error and description parts are wired through the underlying Base Field semantics.

Implementation

Textarea-native props stay available on Control.

import { TextArea } from "@lenso/ui/text-area";

<TextArea.Root>
  <TextArea.Label>Workspace guidance</TextArea.Label>
  <TextArea.Control placeholder="Add optional context…" rows={5} />
  <TextArea.Description>Used when preparing new responses.</TextArea.Description>
</TextArea.Root>;