Laravel Filter Builder Component
ProRows of field, operator and value that build a query — each one named.
A Filter Builder 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::filter-builder>
Installation
composer require bluestarsystem/aura-ui
The Filter Builder is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →
Usage
<x-aura::filter-builder
name="filters"
:fields="[
['value' => 'status', 'label' => 'Status'],
['value' => 'total', 'label' => 'Total'],
]"
:rules="$filters"
/>
See the full API, props and live examples in the Filter Builder documentation.
Overview
<x-aura::filter-builder> lets someone assemble conditions without writing a query.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
fields |
array |
[] |
Strings, or arrays with value and label. |
operators |
array|null |
null |
Defaults to is / is not / contains / greater / less. |
rules |
array |
[] |
Existing conditions. One empty row is added when there are none. |
label |
string|null |
null |
Defaults to the translated "Filters". |
name |
string |
'filters' |
Name prefix for the submitted inputs. |
See more examples and every variant in the Filter Builder documentation.