Laravel Composer Component
ProAn auto-resizing message input with submit-on-Enter behavior, designed for chat and messaging interfaces. Pro component.
A Composer built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4.
Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag:
<x-aura::composer>
Installation
composer require bluestarsystem/aura-uiThe Composer is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →
Usage
<x-aura::composer placeholder="Type a message..." />See the full API, props and live examples in the Composer documentation.
Overview
The <x-aura::composer> component provides a chat-style message input with an auto-resizing textarea, a send button, and optional prepend/append slots for attachments or actions. The textarea grows as the user types (up to a configurable max rows) and supports submit-on-Enter. It dispatches an aura:composer-submit event with the message value and integrates with Livewire via wire:model.
Use composer for:
- Chat and messaging interfaces
- Comment and reply forms
- AI prompt inputs
- Feedback or support widgets
Props
| Prop | Type | Default | Description |
|---|---|---|---|
placeholder |
string |
'Type a message...' |
Placeholder text for the textarea |
maxRows |
int |
6 |
Maximum number of rows the textarea can expand to before scrolling |
submitOnEnter |
bool |
true |
Submit the message when Enter is pressed (Shift+Enter for new line) |
disabled |
bool |
false |
Disable the input and send button |
Slots
| Slot | Description |
|---|---|
prepend |
Content displayed before the textarea (e.g., attachment button) |
append |
Content displayed after the send button (e.g., emoji picker) |
See more examples and every variant in the Composer documentation.