Filament Tutorials

You added customer.name and vehicle.model to your global search attributes, and it works. But you may have executed N+1 DB queries, without even knowing it. Here's how to fix.

On buttons/actions in Filament, you can add a badge that shows a count and changes color based on the current state, like turning red when things pile up.

Your Filament resource table has 8+ columns, and the user has to scroll horizontally just to find the action buttons? There's a one-line fix.

You have a table with hundreds of rows - orders, transactions, support tickets - and your client says: "I don't need the individual rows. Just show me the totals per category."? Filament can do this with groupsOnly().

You have a REST API full of data you need to display in a Filament panel. No database table, no Eloquent model - just JSON from an external service. Before Filament v4, this was painful. Now, records() makes it straightforward.

Filament v4 added grouping fields together with FusedGroup, to have a unit dropdown together with the amount input.

You need to show or hide a field based on another field's value. Since Filament v4, there's a way to do it with JS, with no network request. and no re-render. Instant.

Imagine in Filament you have a custom action on an Edit page that opens a modal. After the action button click, where do you show the error message if something goes wrong? Don't just show the Notification.

Filament's Select is the go-to input for choosing options, but when you only have a few options, a Radio input can be a better choice: no extra clicks, all options are visible at a glance. Let me show you the example with dependent inputs.

Learn how to build a Filament table filter for star ratings using a min/max range, like “Rating: 2–4 ⭐” or “up to 2 ⭐”.