• Overview
• AuraRatingColumn
• AuraProgressColumn
• AuraColorColumn
• AuraSparklineColumn
• AuraBadgeColumn
• AuraTrendColumn
• New form fields
  • AuraRatingInput
  • AuraIconPicker
  • AuraKeyValue

Overview#

Aura Filament ships 6 custom table columns you can drop into any Filament v3 resource table. They share the same fluent API as native columns and integrate with the Aura design system automatically.

Live demo: all columns are showcased in the demo panel → demo.aura-ui.com/admin

All columns live under the BlueStarSystem\AuraFilament\Tables\Columns namespace.

AuraRatingColumn#

Renders a star (or custom icon) rating from a numeric field.

Fluent API: AuraRatingColumn::make($name)->max(int)->icon(string)

use BlueStarSystem\AuraFilament\Tables\Columns\AuraRatingColumn;

public function table(Table $table): Table
{
    return $table
        ->columns([
            AuraRatingColumn::make('rating')
                ->max(5)
                ->icon('heroicon-s-star'),
        ]);
}

AuraProgressColumn#

Renders a horizontal progress bar with an optional percentage label.

Fluent API: AuraProgressColumn::make($name)->max(int)->color(string)->showLabel(bool)

use BlueStarSystem\AuraFilament\Tables\Columns\AuraProgressColumn;

public function table(Table $table): Table
{
    return $table
        ->columns([
            AuraProgressColumn::make('completion')
                ->max(100)
                ->color('success')
                ->showLabel(true),
        ]);
}

AuraColorColumn#

Renders a color swatch from a hex string field. Supports one-click copy to clipboard.

Fluent API: AuraColorColumn::make($name)->copyable()

use BlueStarSystem\AuraFilament\Tables\Columns\AuraColorColumn;

public function table(Table $table): Table
{
    return $table
        ->columns([
            AuraColorColumn::make('brand_color')
                ->copyable(),
        ]);
}

AuraSparklineColumn#

Renders a compact inline SVG sparkline from an array column. Zero JavaScript — server-side SVG.

Fluent API: AuraSparklineColumn::make($name)->height(int)->color(string)

use BlueStarSystem\AuraFilament\Tables\Columns\AuraSparklineColumn;

public function table(Table $table): Table
{
    return $table
        ->columns([
            AuraSparklineColumn::make('daily_revenue')
                ->height(40)
                ->color('success'),
        ]);
}

The field value should be an array of numeric points (e.g. stored as JSON or computed via ->getStateUsing()).

AuraBadgeColumn#

Renders a styled badge with per-value colors and optional icons — a drop-in upgrade over Filament's native BadgeColumn.

Fluent API: AuraBadgeColumn::make($name)->colors([...])->icons([...])

use BlueStarSystem\AuraFilament\Tables\Columns\AuraBadgeColumn;

public function table(Table $table): Table
{
    return $table
        ->columns([
            AuraBadgeColumn::make('status')
                ->colors([
                    'active'   => 'success',
                    'inactive' => 'danger',
                    'pending'  => 'warning',
                ])
                ->icons([
                    'active'   => 'heroicon-s-check-circle',
                    'inactive' => 'heroicon-s-x-circle',
                    'pending'  => 'heroicon-s-clock',
                ]),
        ]);
}

AuraTrendColumn#

Renders an up/down trend indicator by comparing two numeric fields. The arrow and color update automatically based on the delta.

Fluent API: AuraTrendColumn::make($name)->compareTo('other_field')

use BlueStarSystem\AuraFilament\Tables\Columns\AuraTrendColumn;

public function table(Table $table): Table
{
    return $table
        ->columns([
            AuraTrendColumn::make('revenue')
                ->compareTo('revenue_previous_month'),
        ]);
}

A positive delta shows a green up-arrow; a negative delta shows a red down-arrow; zero shows a neutral indicator.

New form fields#

Three new Filament form fields shipped in v2.12.0 as well. They live in BlueStarSystem\AuraFilament\Forms\Components.

AuraRatingInput#

Star-based rating input. Supports the same max() and icon() options as AuraRatingColumn.

use BlueStarSystem\AuraFilament\Forms\Components\AuraRatingInput;

AuraRatingInput::make('rating')->max(5),

AuraIconPicker#

Searchable icon picker that lets users select any Blade icon from a filterable grid.

use BlueStarSystem\AuraFilament\Forms\Components\AuraIconPicker;

AuraIconPicker::make('icon'),

AuraKeyValue#

A repeatable key/value pair input, rendered as a sortable two-column table. Stored as a JSON object.

use BlueStarSystem\AuraFilament\Forms\Components\AuraKeyValue;

AuraKeyValue::make('metadata'),

For full usage of these form fields (validation, events, props) see /docs/filament/components.