Textarea
StableA multi-line text input for long-form content.
Examples
Basic Usage
tsx
<Textarea label="Message" placeholder="Type your message here." />Character Counter & Auto Resize
0/150
tsx
<Textarea
label="Bio"
placeholder="Tell us about yourself..."
maxCharacters={150}
autoResize
/>Neon Variant
tsx
<Textarea
variant="neon"
label="Custom Script"
placeholder="function init() { ... }"
/>States
tsx
<div className="flex flex-col gap-4">
<Textarea error="Invalid JSON syntax." placeholder="Config..." />
<Textarea success placeholder="Valid config." />
</div>API Reference
| Property | Description | Type | Default |
|---|---|---|---|
| variant | Visual style. | "default" | "neon" | "ghost" | - |
| label | Text rendered above the textarea. | string | - |
| helperText | Text rendered below the textarea. | string | - |
| error | Displays an error state and optional error message. | string | boolean | - |
| maxCharacters | Shows a character counter and restricts max length. | number | - |
| autoResize | Automatically adjusts height based on content. | boolean | - |