Laravel Action Bar Component
Free · MITThe bar that appears when rows are selected — and announces itself.
A Action Bar 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::action-bar>
Installation
composer require bluestarsystem/aura-uiUsage
<x-aura::action-bar :count="$selected->count()" show="selected.length > 0">
<x-aura::button size="sm" variant="secondary">Export</x-aura::button>
<x-aura::button size="sm" variant="danger">Delete</x-aura::button>
</x-aura::action-bar>See the full API, props and live examples in the Action Bar documentation.
Overview
<x-aura::action-bar> floats over the page carrying bulk actions for the current
selection.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
count |
int |
0 |
How many rows are selected. |
label |
string|null |
null |
Names the region. Defaults to the translated "Bulk actions". |
show |
string|null |
null |
An Alpine expression for x-show. |
position |
string |
'bottom' |
bottom or top. |
See more examples and every variant in the Action Bar documentation.