ui
Textarea
A textarea component for multi-line text input with customizable rows and styling.
1. Import
Import the Textarea component from the design system.
import { Textarea } from "@/design-system/components/ui/textarea"2. Props
Textarea component props.
| Prop | Type | Default |
|---|---|---|
| value | string | -- |
| defaultValue | string | -- |
| placeholder | string | -- |
| disabled | boolean | false |
| rows | number | 3 |
| cols | number | -- |
| size | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'md' |
| className | string | -- |
3. Sizes
Available sizes for the Textarea component.
4. Usages
Common Textarea patterns and configurations.
import { Textarea } from "@/components/ui/textarea";
export function TextareaDemo() {
return <Textarea placeholder="Type your message here..." rows={4} />;
}