Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Ar galiu naudoti „Bulma“ vietoj „Tailwind“ siūlų temoms


Ar galiu naudoti „Bulma“ vietoj „Tailwind“ siūlų temoms


Nors „Filament“ visų pirma sukurta dirbti su „Tailwind CSS“, vietoje jo galima naudoti „Bulma CSS“, nors tam gali prireikti daugiau individualaus darbo ir jis nėra oficialiai palaikomas. Štai keletas pagrindinių punktų:

- „Filament“ suteikia iš anksto sukurtų komponentų ir įrankių rinkinį, skirtą dirbti su „Tailwind CSS“. Vietoj to naudojant „Bulma“ reikės atkurti šių komponentų stilius nuo nulio[1].

- „Bulma“ yra moderni CSS sistema, pagrįsta „Flexbox“, kuri suteikia paprastą ir lankstų būdą sukurti reaguojančias sąsajas. Jame yra iš anksto sukurti vartotojo sąsajos komponentai, kuriuos galima lengvai pritaikyti [2].

- Norėdami naudoti „Bulma“ su „Filament“, turėsite pašalinti „Tailwind“ ir jo papildinius bei integruoti „Bulma“ į savo projektą. Tai apimtų Filament komponentų stilių perrašymą naudojant Bulma klases[1].

- Naudojant kitą CSS sistemą, pvz., „Bulma“, gali kilti „Filament“ funkcijų ir papildinių suderinamumo problemų. „Filament“ komanda rekomenduoja naudoti „Tailwind CSS“, kad gautumėte geriausią patirtį[3].

- Alternatyvus būdas yra naudoti „Bulma“ kartu su „Tailwind“, pritaikant „Bulma“ stilius savo pasirinktiems komponentams, o „Tailwind“ vis tiek naudoti pagrindiniams „Filament“ komponentams. Tačiau tam gali reikėti nepaisyti kai kurių gijų stilių[1].

Apibendrinant galima pasakyti, kad nors techniškai įmanoma naudoti „Bulma“, o ne „Tailwind“, skirtą „Filament“ temoms, tai reikalauja daug daugiau individualaus darbo, gali kilti suderinamumo problemų ir „Filament“ komanda jo oficialiai nepalaiko. Rekomenduojama naudoti Tailwind CSS, kad kuriant „Filament“ administravimo skydus gautumėte geriausią patirtį.

Citatos:
[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