Filament Form Outside Admin Panel
Hi, i create livewire component with filament form inside. i put the component on my home page but when i check, the tailwindcss class not added to app.css. i tried run npm run build but i think cause the html is created on the fly so the vite is not detected the tailwind class and not add the class to builded css.
i'm appreciate your help. thx
1 Reply
Hi 🙂
answer:
1) php artisan make:filament-theme
This will install the JS dependencies needed
2) add resources/css/filament/admin/theme.css entry to vite.config.js
3) And register this theme on the Panel's Provider
->viteTheme('resources/css/filament/admin/theme.css')
4) this step is the most important ( this will resolve your question )
In the resources/css/filament/admin/tailwind.config.js
you will add this
'./app/Livewire//*.php',
'./resources/views/livewire//*.blade.php',
5) npm run build
👍🏿
