📊 Built-in Character Counter: Set showCharCounter: true to display live character counts with visual feedback at 80% (warning) and 100% (error).
⚡ Debounced onChange: All onChange callbacks are automatically debounced by 300ms for better performance during typing.
♿ Enhanced Accessibility: ARIA attributes, auto-focus on errors, and smooth scroll to validation issues.
🎨 Improved UX: Better resize handle visibility, faster animations, larger touch targets on mobile, and deduplicated dark mode CSS.
Resizing: Look for the small diagonal lines in the bottom-right corner of each textarea. Hover over them and drag to resize. The cursor will change to indicate the resize direction.
Rich Text: Use the toolbar buttons to format your text. The editor supports headers, bold, italic, lists, colors, and links.
A simple textarea with vertical resizing and built-in character counter. The counter changes color at 80% (warning) and 100% (error) of max length.
This field is required and must be between 10 and 200 characters. The onChange callback is debounced by 300ms for better performance. Try typing quickly and watch the "Last onChange" timestamp update only after you stop typing.
A full-featured rich text editor with formatting options.
A simplified rich text editor with only basic formatting options.
Compare different resize behaviors. Notice how the resize handle appears/disappears and the cursor changes based on the resize mode.
Textarea with custom min/max height constraints.