FilamentF
Filament•2y ago
Zerpy

filament/notifications in JetStream + Livewire

Hello,

I'm trying to implement the filament/notifications package into my JetStream application, and notifications work as expected. However, all coloring seems to be "lost" somehow.

If I do something as simple as:
Notification::make()
            ->success()
            ->title("Success!")
            ->send();

The same applies if I add ->color('success')
The classes applied for the element is pointer-events-auto invisible fi-no-notification w-full overflow-hidden transition duration-300 max-w-sm rounded-xl bg-white shadow-lg ring-1 dark:bg-gray-900 fi-color-gray ring-gray-950/5 dark:ring-white/10
  • the icon gets style="--c-400:var(--success-400);"
    From what I gather it seems to default back to the gray option.
s there anything special I have to do to make it apply the right classes? If I set custom to e.g. red in tailwind config, then that's the color I get in the above

Thank you in advance!
Solution
I managed to solve this by migrating from Laravel Mix to using Vite ^_^
Jump to solution
Was this page helpful?