Textarea

A multi-line text input with character count and resize options.

Installation

tsx

npx @smicolon/smi-ui add textarea

Preview

With Character Count

0/200

Resize Options

States

Usage

tsx

import { Textarea } from "@/components/ui/textarea"

// Basic textarea
<Textarea placeholder="Type your message..." />

// With character count
<Textarea
  placeholder="Type here..."
  showCount
  maxLength={200}
/>

// Different resize options
<Textarea resize="none" />
<Textarea resize="vertical" />
<Textarea resize="both" />

// Error state
<Textarea variant="error" />