Kuigi Filament on peamiselt loodud töötama koos Tailwind CSS-iga, on selle asemel võimalik kasutada Bulma CSS-i, kuigi see võib nõuda rohkem kohandatud tööd ja seda ei toetata ametlikult. Siin on mõned põhipunktid.
- Filament pakub komplekti eelehitatud komponente ja tööriistu, mis on loodud töötama Tailwind CSS-iga. Selle asemel Bulma kasutamine eeldaks nende komponentide stiilide nullist uuesti loomist[1].
- Bulma on kaasaegne Flexboxil põhinev CSS-raamistik, mis pakub lihtsat ja paindlikku viisi reageerivate liideste loomiseks. See sisaldab eelnevalt kujundatud kasutajaliidese komponente, mida saab hõlpsasti kohandada[2].
- Bulma kasutamiseks koos Filamentiga peate eemaldama Tailwindi ja selle pistikprogrammid ning integreerima Bulma oma projekti. See hõlmaks filamendi komponentide stiilide ümberkirjutamist Bulma klasside[1] abil.
- Mõne muu CSS-raamistiku (nt Bulma) kasutamine võib kaasa tuua ühilduvusprobleeme Filamenti funktsioonide ja pistikprogrammidega. Filamenti meeskond soovitab parima kasutuskogemuse saavutamiseks kasutada Tailwind CSS-i[3].
- Alternatiivne lähenemine on kasutada Bulmat koos Tailwindiga, rakendades Bulma stiile oma kohandatud komponentidele, kasutades samas filamendi põhikomponentide jaoks Tailwindi. See võib aga nõuda mõne filamendistiili[1] alistamist.
Kokkuvõtteks võib öelda, et kuigi tehniliselt on Filamenti teemade jaoks Tailwindi asemel Bulmat võimalik kasutada, nõuab see oluliselt rohkem kohandatud tööd, võib põhjustada ühilduvusprobleeme ja seda ei toeta ametlikult Filamenti meeskond. Soovitatav on kasutada Filamenti administraatoripaneelide loomisel parima kogemuse saamiseks Tailwind CSS-i.
Tsitaadid:[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