Skip to content

TextArea Component

A comprehensive textarea component for multi-line text input with advanced features and extensive customization options.

Overview

The TextArea component provides:

  • Multi-line text input functionality
  • Auto-growing capability to fit content
  • Character counter with optional maximum length
  • Customizable resizing behavior
  • Complete event handling for all interactions
  • Prepend and append content areas
  • Seamless integration with form validation

When to Use

Use the TextArea component when you need to:

  • Collect multi-line text input from users
  • Create forms with expandable text areas
  • Limit the number of characters in user input
  • Provide a consistent text input experience
  • Allow users to enter longer text content like comments, descriptions, or messages

Key Features

  • Auto-Growing: Optionally expands to fit content as users type
  • Character Counter: Shows current character count with optional maximum limit
  • Resizing Control: Enable or disable manual resizing
  • Minimum Rows: Set the initial height with minimum rows
  • Comprehensive Events: Complete event system for all interactions
  • Prepend/Append Areas: Add icons or actions before or after the textarea
  • Customizable: Extensive slot system for custom styling
  • Accessibility: Proper focus management and keyboard navigation

API Reference →

View Code →