FilamentF
Filament5mo ago
kaster

Override classes in filament blade components

Is there a proper way to override (not just merge) CSS classes of a Filament Blade component?
For example:

<x-filament::button class="absolute top-0 right-0">
                    Test
                </x-filament::button>

In this case, my custom classes get merged, but default classes from the component still apply and take priority (e.g., padding, border radius). Is there an official way to replace them completely?
Solution
I don't think so. Try using important in these cases. !top-0
Was this page helpful?