Filament Tutorials

The default table includes a border between each row and quite a big gap between them. But we can change that with a custom theme!

Filament allows panel customization in various ways, including adding new elements to an existing design. We will add a custom banner with a link at the bottom of our Sidebar navigation.

Not every table action needs to be a button. Sometimes, an icon is all we need. Combine that with dynamic visibility, and you will have a table that shows only the relevant actions.

The dashboard is the default page after login/registration. But what if we want something custom? How to redirect the user to a different resource/page?

By default, active menu items in filament navigation have orange text. What if we want to change that to any other color? How do we do it?

If you want to disable some form inputs based on the values of other fields like checkbox/select, this tutorial will help you.

Sometimes, we need "Other" as an option in the Select, allowing the user to enter any value they want, in a separate text field.

We can't always rely on the default CSS configuration to put things where we want them. This is where a handy Filament function comes in—it allows us to define custom attributes on form fields and groups.

Some forms benefit from a label above the field, while others directly align with the field. You can customize this behavior in Filament for each field, the whole form, or globally to all forms.

Filament supports many column customization options. In this case, we can use a View to display a custom 5-star rating system.