Textarea

Free + Pro

Enhanced textarea component with auto-resize, character counting, validation states, and smooth animations. Pro version includes rich text editing, emoji picker, markdown preview, and advanced styling options.

Unlock Advanced Textarea Features

Get access to powerful pro features that enhance your textarea component with advanced capabilities, premium styling options, and optimized performance.

Smart auto-resize with maxHeight
Character count with limit display
Multiple visual variants (default, outline, ghost, underline)

Pro Features

Unlock advanced capabilities with the Pro version

Smart Auto-Resize

Automatically adjusts height based on content with maxHeight constraint

Character Counter

Real-time character count with limit display and visual feedback

Multiple Variants

4 styles: default, outline, ghost, and underline (Material Design)

Size Options

Small, medium, and large sizes for different use cases

Validation States

Error and success states with custom messages

Loading State

Built-in loading indicator and disabled state

Installation

Install via CLI

moonui add textarea

Usage

Basic Usage

Pro Required

Pro Usage

PRO

Pro Required

0 / 500

Examples

Basic Textarea

Simple textarea with placeholder

Variants

Different visual styles

Default

Outline

Ghost

Underline

Sizes

Different textarea sizes

Small

Medium (Default)

Large

States

Error, success, and loading states with messages

Normal

Error

This field is required

Success

Looks good!

Disabled

Form Integration

Textarea in a form with character count

Your Feedback

0 / 500

PRO

Pro Examples

Enhanced Features

PRO

Auto-resize, character count, error/success states, and variants

Pro Required

Auto-resize & Character Count

0 / 300

Large Size with Max Height

0 / 500

Error State with Message

Please provide more details (minimum 50 characters)

0 / 200

Success State

Perfect! Your feedback has been recorded.