© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
5 replies
Barbaracrlp

Filter Indicator : Color

Hi I wanna know if there's any way to change the color of the FilterIndicator that I'm creatins with ->indicateUsing().
Filter::make('etiqueta')
                    ->form([
                        Select::make('etiqueta')
                            ->options(Etiqueta::all()->pluck('titulo', 'id')->toArray())
                            ->native(false),
                    ])
                    ->query(function (Builder $query, array $data): Builder {
                        if (!empty($data['etiqueta'])) {
                            $etiquetaId = $data['etiqueta'];
                            return $query->whereHas('etiquetas', function (Builder $query) use ($etiquetaId) {
                                $query->where('id', $etiquetaId);
                            });
                        }
                        return $query;
                    })
                    ->indicateUsing(function(array $data): ?string{
                        if(! $data['etiqueta']){
                            return null;
                        }
                        return 'fas-tag'.$data['etiqueta'];
                    }),
Filter::make('etiqueta')
                    ->form([
                        Select::make('etiqueta')
                            ->options(Etiqueta::all()->pluck('titulo', 'id')->toArray())
                            ->native(false),
                    ])
                    ->query(function (Builder $query, array $data): Builder {
                        if (!empty($data['etiqueta'])) {
                            $etiquetaId = $data['etiqueta'];
                            return $query->whereHas('etiquetas', function (Builder $query) use ($etiquetaId) {
                                $query->where('id', $etiquetaId);
                            });
                        }
                        return $query;
                    })
                    ->indicateUsing(function(array $data): ?string{
                        if(! $data['etiqueta']){
                            return null;
                        }
                        return 'fas-tag'.$data['etiqueta'];
                    }),
Solution
in the IndicateUsing you could return a Tables\Filters\Indicator or an array of indicators in which you can set the color

see: https://filamentphp.com/docs/3.x/tables/filters/custom#multiple-active-indicators for an example
Custom filters - Table Builder - Filament
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Loading indicator after Filter fired
FilamentFFilament / ❓┊help
3y ago
Table text filter not showing indicator
FilamentFFilament / ❓┊help
3y ago
Show Indicator on Custom Filter doesn't work
FilamentFFilament / ❓┊help
2y ago
Custom Filter Indicator removal to affect multiple fields removal
FilamentFFilament / ❓┊help
2y ago