Skip to main content
FlexTextareaField ← Back to Table of Contents

Summary

A highly capable alternative to Filament’s native Textarea. FlexTextareaField features smooth animated auto-sizing, character counters, integrated speech-to-text dictation, and an emoji picker. It also supports custom toolbar actions and selects.

Basic usage

Auto-sizing with counter

Speech and Emoji support


State & validation

Stored value

The field stores a standard string. It inherits all validation rules from Filament’s Textarea.

Character Counter

When characterCounter() is enabled, a live counter appears in the footer. If maxLength() is set, it shows “X / Max”.

Toolbar & Actions

Toolbar Selects

Add pill-style dropdowns to the field header to quickly insert templates or change states.

Submit Actions

Add a primary action button (like “Send”) directly into the textarea suffix.

Configuration API

All methods accept Closure unless noted.

Real-world examples

Modern Chat Input


Playground

/admin/flex-fields-playground/flex-textarea See Playground for setup.

CSS classes (reference)