Components
Textarea
Displays a multi-line text input field that grows to fit its content.
Install
npx shadcn@latest add https://atomx.acau.net/r/textarea.jsonUsage
Use Textarea for multiline text: comments, descriptions, messages, and configuration values. It uses field-sizing-content to auto-grow as the user types, removing the need for manual resize handles or fixed row counts in most cases. For single-line text, use Input instead. Pair with Label for accessible form fields.
Preview
Textarea with label
Disabled state
Props
Extends React.ComponentProps<"textarea">. All standard <textarea> attributes are forwarded.
| Prop | Type | Notes |
|---|---|---|
disabled | boolean | Applies muted styling and removes pointer events. |
placeholder | string | Placeholder text shown when the field is empty. |
className | string | Additional classes merged with the base styles. |