Laravel Mark Component
Free · MITHighlights a fragment of text — search hits, diffs, anything worth the eye's attention.
A Mark 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::mark>
Installation
composer require bluestarsystem/aura-uiUsage
<p>Order <x-aura::mark>{{ $reference }}</x-aura::mark> was marked as paid.</p>See the full API, props and live examples in the Mark documentation.
Overview
<x-aura::mark> renders a real <mark>: text highlighted for reference, most often a search term inside a result.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
color |
string |
'warning' |
primary, success, warning, danger, info. |
See more examples and every variant in the Mark documentation.