Forms · Application UI
Textarea
A styled textarea element that auto-sizes to its content and supports focus, disabled, and invalid states via standard HTML textarea props.
Feature showcase
Installation
Features
7 examples
Default, Auto Resize, Character Count, Disabled, Error State, Readonly, With Label And Hint.
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes to merge with the default textarea styles. |
| ...props | React.ComponentProps<"textarea"> | - | All standard HTML textarea attributes (value, placeholder, onChange, rows, disabled, aria-invalid, etc.). |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/textarea.tsx |
| Default example | content/examples/textarea/default.tsx |
| Auto Resize example | content/examples/textarea/auto-resize.tsx |
| Character Count example | content/examples/textarea/character-count.tsx |
| Disabled example | content/examples/textarea/disabled.tsx |
| Error State example | content/examples/textarea/error-state.tsx |
| Readonly example | content/examples/textarea/readonly.tsx |
| With Label And Hint example | content/examples/textarea/with-label-and-hint.tsx |