Chociaż Filament został zaprojektowany głównie do współpracy z CSS Tailwind, możliwe jest zamiast niego użycie Bulma CSS, chociaż może to wymagać więcej pracy niestandardowej i nie jest oficjalnie obsługiwane. Oto kilka kluczowych punktów:
- Filament zapewnia zestaw gotowych komponentów i narzędzi zaprojektowanych do współpracy z CSS Tailwind. Zamiast tego użycie Bulmy wymagałoby odtworzenia stylów tych komponentów od podstaw[1].
- Bulma to nowoczesny framework CSS oparty na Flexboksie, który zapewnia prosty i elastyczny sposób budowania responsywnych interfejsów. Zawiera wstępnie zaprojektowane komponenty interfejsu użytkownika, które można łatwo dostosować[2].
- Aby używać Bulmy z Filamentem, musisz usunąć Tailwind i jego wtyczki oraz zintegrować Bulmę ze swoim projektem. Wymagałoby to przepisania stylów komponentów Filament przy użyciu klas Bulma[1].
- Korzystanie z innego frameworka CSS, takiego jak Bulma, może powodować problemy ze zgodnością z funkcjami i wtyczkami Filament. Zespół Filament zaleca używanie CSS Tailwind, aby uzyskać najlepszą jakość[3].
— Alternatywnym podejściem jest użycie Bulmy razem z Tailwindem i zastosowanie stylów Bulmy do własnych niestandardowych komponentów, jednocześnie używając Tailwind do podstawowych komponentów Filament. Może to jednak wymagać zastąpienia niektórych stylów włókien[1].
Podsumowując, choć technicznie możliwe jest użycie motywów Bulma zamiast Tailwind for Filament, wymaga to znacznie więcej pracy niestandardowej, może powodować problemy ze zgodnością i nie jest oficjalnie wspierane przez zespół Filament. Zalecanym podejściem jest użycie CSS Tailwind, aby uzyskać najlepszą jakość podczas tworzenia paneli administracyjnych Filament.
Cytaty:[1] https://stackoverflow.com/questions/75169839/progressively-replacing-bulma-with-tailwind
[2] https://blog.openreplay.com/tailwind-vs-bulma/
[3] https://filamentphp.com/community/easy-way-to-create-a-filament-theme-in-minuty
[4] https://dev.to/kevin_odongo35/how-to-add-tailwind-css-bootstrap-vuetify-or-bulma-to-a-vue-project-3on2
[5] https://github.com/yepsua/filament-themes