Skip to content
Components / Controls

Textarea

A multi-line field for notes, prompts and messages.

@fabrials/ui
Loading state

Installation

  1. Import the control from @fabrials/ui, after setting the app up.

    TypeScript
    import { Textarea } from "@fabrials/ui";
  2. Or install it under shadcn's name, so code that imports @/components/ui/textarea gets this control. See shims.

    npx shadcn@latest add @fabrials/textarea

API reference

Prop / exportTypeDescription
rowsnumberVisible height. The field can grow with content in the host.

Behavior

Use it for text the person writes. Do not put formatted HTML in the value.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.