Medtem ko je Filament v prvi vrsti zasnovan za delo s Tailwind CSS, je mogoče namesto tega uporabiti Bulma CSS, čeprav morda zahteva več dela po meri in ni uradno podprt. Tukaj je nekaj ključnih točk:
- Filament ponuja nabor vnaprej izdelanih komponent in orodij, ki so zasnovana za delo s Tailwind CSS. Če bi namesto tega uporabili Bulma, bi morali znova ustvariti sloge za te komponente iz nič[1].
- Bulma je sodobno ogrodje CSS, ki temelji na Flexboxu in zagotavlja preprost in prilagodljiv način za izdelavo odzivnih vmesnikov. Vključuje vnaprej oblikovane komponente uporabniškega vmesnika, ki jih je mogoče preprosto prilagoditi [2].
- Če želite uporabljati Bulmo s Filamentom, morate odstraniti Tailwind in njegove vtičnike ter integrirati Bulmo v svoj projekt. To bi vključevalo ponovno pisanje slogov za komponente Filament z uporabo razredov Bulma [1].
- Uporaba drugačnega ogrodja CSS, kot je Bulma, lahko povzroči težave z združljivostjo s funkcijami in vtičniki Filament. Ekipa Filament priporoča uporabo Tailwind CSS za najboljšo izkušnjo[3].
- Alternativni pristop je uporaba Bulme poleg Tailwinda, pri čemer uporabite sloge Bulma za svoje komponente po meri, medtem ko še vedno uporabljate Tailwind za osnovne komponente Filament. Vendar bo to morda zahtevalo preglasitev nekaterih slogov filamentov[1].
Če povzamemo, čeprav je tehnično mogoče uporabiti Bulmo namesto Tailwind za teme Filament, zahteva bistveno več dela po meri, lahko povzroči težave z združljivostjo in ni uradno podprta s strani ekipe Filament. Priporočeni pristop je uporaba Tailwind CSS za najboljšo izkušnjo pri gradnji skrbniških plošč Filament.
Citati:[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