Hoewel Filament in de eerste plaats is ontworpen om met Tailwind CSS te werken, is het mogelijk om in plaats daarvan Bulma CSS te gebruiken, hoewel dit mogelijk meer maatwerk vereist en niet officieel wordt ondersteund. Hier zijn een paar belangrijke punten:
- Filament biedt een reeks vooraf gebouwde componenten en tools die zijn ontworpen om met Tailwind CSS te werken. Als je in plaats daarvan Bulma zou gebruiken, zouden de stijlen voor deze componenten helemaal opnieuw moeten worden gemaakt[1].
- Bulma is een modern CSS-framework gebaseerd op Flexbox dat een eenvoudige en flexibele manier biedt om responsieve interfaces te bouwen. Het bevat vooraf ontworpen UI-componenten die eenvoudig kunnen worden aangepast[2].
- Om Bulma met Filament te gebruiken, moet u Tailwind en de bijbehorende plug-ins verwijderen en Bulma in uw project integreren. Dit zou het herschrijven van de stijlen voor filamentcomponenten inhouden met behulp van Bulma-klassen [1].
- Het gebruik van een ander CSS-framework zoals Bulma kan compatibiliteitsproblemen veroorzaken met de functies en plug-ins van Filament. Het Filament-team raadt het gebruik van Tailwind CSS aan voor de beste ervaring[3].
- Een alternatieve aanpak is om Bulma naast Tailwind te gebruiken, waarbij je Bulma-stijlen toepast op je eigen aangepaste componenten, terwijl je Tailwind nog steeds gebruikt voor de belangrijkste Filament-componenten. Hiervoor kan het echter nodig zijn dat bepaalde filamentstijlen worden overschreven[1].
Samenvattend: hoewel het technisch mogelijk is om Bulma te gebruiken in plaats van Tailwind voor Filament-thema's, vereist dit aanzienlijk meer maatwerk, kan dit compatibiliteitsproblemen met zich meebrengen en wordt het niet officieel ondersteund door het Filament-team. De aanbevolen aanpak is om Tailwind CSS te gebruiken voor de beste ervaring bij het bouwen van Filament-beheerpanelen.
Citaties:[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-minutes
[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