Skip to content

Laravel Filter Builder Component

Pro

Rows 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.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
Colour contrast tested against WCAG 2.1 AA/UI in CI; ARIA attributes on select components.