În timp ce Filament este conceput în primul rând pentru a funcționa cu Tailwind CSS, este posibil să utilizați în schimb Bulma CSS, deși poate necesita mai multă muncă personalizată și nu este acceptat oficial. Iată câteva puncte cheie:
- Filament oferă un set de componente și instrumente prefabricate care sunt proiectate să funcționeze cu Tailwind CSS. Utilizarea Bulma în schimb ar necesita recrearea stilurilor pentru aceste componente de la zero[1].
- Bulma este un cadru CSS modern bazat pe Flexbox care oferă o modalitate simplă și flexibilă de a construi interfețe receptive. Include componente UI pre-proiectate care pot fi personalizate cu ușurință[2].
- Pentru a utiliza Bulma cu Filament, ar trebui să eliminați Tailwind și pluginurile sale și să integrați Bulma în proiectul dvs. Aceasta ar implica rescrierea stilurilor pentru componentele filamentului folosind clasele Bulma[1].
- Utilizarea unui cadru CSS diferit, cum ar fi Bulma, poate introduce probleme de compatibilitate cu funcțiile și pluginurile Filament. Echipa Filament recomandă utilizarea Tailwind CSS pentru cea mai bună experiență[3].
- O abordare alternativă este să utilizați Bulma alături de Tailwind, aplicând stilurile Bulma propriilor componente personalizate, în timp ce folosiți în continuare Tailwind pentru componentele de bază ale filamentului. Cu toate acestea, acest lucru poate necesita suprascrierea unor stiluri de filament[1].
Pe scurt, deși din punct de vedere tehnic este posibil să se folosească Bulma în loc de Tailwind pentru temele Filament, necesită mult mai multă muncă personalizată, poate introduce probleme de compatibilitate și nu este susținută oficial de echipa Filament. Abordarea recomandată este să utilizați Tailwind CSS pentru cea mai bună experiență la construirea panourilor de administrare Filament.
Citate:[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