Use Tailwind classes in Custom Pages
Hello guys,
I'm having an issue with Tailwind styles not working in custom pages of Filament. Here's the situation:
1. I've created a custom page in Filament with
php artisan make:filament-page
.
2. I'm trying to use Tailwind classes like bg-blue-500
and text-white
in this page.
3. These Tailwind classes are working fine in my user-frontend, where I am using them with Svelte.
4. However, in my Filament custom page, the styles aren't being applied at all.
I've double-checked my tailwind.config.js
and it includes my custom views.
```js
module.exports = {
content: [
'./resources/*/.blade.php',
],
};2 Replies
You will have to create a custom theme if you are using panels. https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme
Thank you!