Best way to use tailwind styles on custom pages?

Is there a preferred way to use tailwind classes in the blade files for custom filament pages? I am currently doing this but obviously it only works locally and is very fragile.

        FilamentAsset::register([
            Css::make('custom-stylesheet', asset('css/app.css')),
            Css::make('page-assets', 'http://chicago-211-api.test/build/assets/app-97668bcd.css')
        ]);

        FilamentAsset::register([
            Css::make('custom-stylesheet', asset('css/app.css')),
            Css::make('page-assets', 'http://chicago-211-api.test/build/assets/app-97668bcd.css')
        ]);

        FilamentAsset::register([
            Css::make('custom-stylesheet', asset('css/app.css')),
            Css::make('page-assets', 'http://chicago-211-api.test/build/assets/app-97668bcd.css')
        ]);

        FilamentAsset::register([
            Css::make('custom-stylesheet', asset('css/app.css')),
            Css::make('page-assets', 'http://chicago-211-api.test/build/assets/app-97668bcd.css')
        ]);

Solution

The best way is to create a custom theme :
https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

Themes - Panel Builder - Filament

Jump to solution

Best way to use tailwind styles on custom pages?

Similar Threads

Similar Threads

Similar Threads