Laravel Chat Marker Component

Pro

The line that says new messages start here.

A Chat Marker 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::chat-marker>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

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

Usage

<div class="w-full max-w-md space-y-1">
    <x-aura::chat-marker :count="4" />
    <x-aura::chat-marker variant="resumed" />
    <x-aura::chat-marker variant="summary" />
</div>

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

Overview

<x-aura::chat-marker> marks where unread messages begin, where a conversation was resumed, or where earlier turns were summarised.

Props

Prop	Type	Default	Description
`variant`	`string`	`'unread'`	`unread`, `resumed`, `summary`.
`label`	`string\|null`	`null`	Replaces the generated text.
`count`	`int\|null`	`null`	Produces "4 unread messages".