Textarea

Multi-line text input component for longer text content

Basic Textarea

Simple multi-line text inputs with different configurations

Show Code

Textarea Sizes

Different sizes for various contexts

Show Code

Textarea Colors

Various color themes for different states

Show Code

Textarea Variants

Different visual styles

Show Code

Textarea States

Different states and configurations

Show Code

Usage Notes

  • Use appropriate row count based on expected content length
  • Provide clear placeholder text to guide user input
  • Consider using onInput for real-time validation or character counting
  • Ghost variant works well in minimal design contexts
  • Use color variants to indicate validation states (success, error)
  • Ensure proper labeling for accessibility