Laravel Reaction Component

Pro

An emoji chip with a written name and a pressed state.

A Reaction built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default and dark-mode ready. Aura's solid-background and border colours are contrast-tested against WCAG 2.1 AA/UI in CI, in both themes — see what's covered. Drop it in with a single Blade tag: <x-aura::reaction>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

The Reaction is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →

Usage

<div class="flex gap-2">
    <x-aura::reaction emoji="👍" :count="3" reacted />
    <x-aura::reaction emoji="🎉" :count="1" />
    <x-aura::reaction emoji="👀" :count="7" />
</div>

See the full API, props and live examples in the Reaction documentation.

Overview

<x-aura::reaction> is one reaction on a message.

Props

Prop	Type	Default	Description
`emoji`	`string`	`'👍'`	The character.
`count`	`int`	`0`	How many people so far.
`reacted`	`bool`	`false`	Whether you are one of them.
`label`	`string\|null`	`null`	Replaces the generated name.
`people`	`string\|null`	`null`	Appended to the name — "Ada, Grace and 1 other".