Textarea
A multi-line field with vertical resize
import { Textarea } from "@nyte-ai/ui";A plain <textarea> styled to match Input.
Usage
- Same naming rule as Input. Use a label,
aria-label, oraria-labelledby. - Resize is vertical only. To stop it growing, set
resize: nonethroughxstyle.
Examples
<Textarea placeholder="System prompt" aria-label="System prompt" />Unstyled
<Textarea unstyled xstyle={myStyles.field} aria-label="System prompt" />Props
TextareaProps takes every <textarea> prop, with className and style replaced by the styled
versions, plus:
| Prop | Type | Default | Description |
|---|---|---|---|
unstyled | boolean | false | Render with no StyleX class. |
className, style, xstyle | see Theming |
Accessibility
Native. aria-invalid turns the border destructive and disabled drops opacity. The focus ring
appears on :focus-visible. See Focus.