Forms

Textarea

Applies Dawn's field treatment to a native multi-line textarea.

@dawn/ui/components/textarea

Preview

Rendered from @dawn/ui

NoteVisible to the care team.

Usage

import { Textarea } from "@dawn/ui/components/textarea";

export const NoteField = () => (
  <label className="grid gap-2">
    <span className="text-sm font-medium">Note</span>
    <Textarea name="note" placeholder="Add clinical context…" rows={4} />
  </label>
);

API

rowsnumber: Sets the initial visible height while allowing field-sizing growth.
aria-invalidboolean: Enables the destructive validation treatment.
Native propsReact.ComponentProps<'textarea'>: Supports native values, events, constraints, and accessibility attributes.

Exports

Textarea