Components
Textarea
Multi-line text input with auto-resize support and consistent theming.
Textarea
A multi-line text input component with consistent styling.
Import
import { Textarea } from '@mks2508/mks-ui/react';Basic Usage
Basic Usage
.tsx
<Textarea placeholder="Write your message..." />With Label
With Label
.tsx
<div className="space-y-2">
<Label htmlFor="bio">Bio</Label>
<Textarea id="bio" placeholder="Tell us about yourself" rows={4} />
</div>Disabled
Disabled
.tsx
<Textarea disabled value="Read-only content" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
placeholder | string | — | Placeholder text |
rows | number | — | Number of visible text lines |
disabled | boolean | false | Disable the textarea |
className | string | — | Additional CSS classes |