Skip to main content
The Composer component requires a Flux Pro license. Learn more about Flux Pro.
The Composer component provides a rich text input interface for creating comments, messages, or any content that requires formatting options and attachments. It’s commonly used in collaboration tools, social features, and communication interfaces.

Overview

Composer is designed for scenarios where users need to create formatted content with:
  • Rich text formatting (bold, italic, lists)
  • File attachments and uploads
  • Emoji picker integration
  • @mentions for tagging users
  • Action buttons (submit, cancel, save draft)
  • Character or word count

Use Cases

Comment Systems

Build threaded comment sections with rich formatting

Messaging

Create chat and messaging interfaces with attachments

Posts & Updates

Allow users to create social posts with media

Feedback Forms

Collect structured feedback with formatting options

Key Features

  • Rich Text Editing - Formatting toolbar with common options
  • File Attachments - Drag-and-drop file upload support
  • Auto-save - Automatic draft saving
  • Livewire Integration - Seamless wire:model binding
  • Customizable Actions - Add custom buttons and actions
  • Responsive Design - Works on mobile and desktop
  • Keyboard Shortcuts - Productivity shortcuts for power users

Accessibility

  • Full keyboard navigation
  • ARIA labels for toolbar actions
  • Screen reader announcements for state changes
  • Focus management
Composer integrates seamlessly with the Editor component for enhanced rich text capabilities.
  • Editor - Full-featured rich text editor
  • File Upload - File attachment handling
  • Modal - Display composer in dialog

Build docs developers (and LLMs) love