Why tailwind doesnt work in filament pages?

i created a page:

php artisan make:filament-page Settings

php artisan make:filament-page Settings

then i added this in the view:

<x-filament-panels::page>
    <p class="bg-red-500">
        should i be red?
    </p>
</x-filament-panels::page>

<x-filament-panels::page>
    <p class="bg-red-500">
        should i be red?
    </p>
</x-filament-panels::page>

but i dont see it red. i did npm run build to test if that fixes it, but doesnt

8 Replies

ericmpOP•12mo ago

in the overview in the docs says "Filament allows you to create completely custom pages for the app". does that include using css classes? (https://filamentphp.com/docs/3.x/panels/pages)

Disouric•12mo ago

You need to create a custom theme since bg-red-500 is not in the default theme https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

ericmpOP•12mo ago

oh i see. hmm. and there is any way to allow all tailwind classes?

Disouric•12mo ago

Why would you want it? That makes the CSS file bloated with classes you don't use.

ericmpOP•12mo ago

u r right 🤔

Disouric•12mo ago

Create a custom theme and build the theme whenever you change some classes around. You could use npm run dev for development

ericmpOP•12mo ago

ill do that yeah, thanks 👐

Disouric•12mo ago

Gaming

Programming

Why tailwind doesnt work in filament pages?