Textarea
Multi-line text input with the Input treatment.
Textarea follows the Input pattern exactly — bg-input/30 field,
outline-ring focus, invalid state — on a native <textarea>.
Installation
import { Textarea } from "@iammikz/srui";
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
invalid | boolean | false | Red border + aria-invalid="true" |
| ...props | React.TextareaHTMLAttributes<HTMLTextAreaElement> | — | All native textarea attributes |
Examples
Invalid state
Accessibility
Native <textarea>; label it with Label/FormField. invalid sets
aria-invalid and the border/focus color switch to --destructive.