Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Vai Filament tēmām varu izmantot Bulma, nevis Tailwind


Vai Filament tēmām varu izmantot Bulma, nevis Tailwind


Lai gan Filament galvenokārt ir paredzēts darbam ar Tailwind CSS, tā vietā ir iespējams izmantot Bulma CSS, lai gan tas var prasīt vairāk pielāgotu darbu un netiek oficiāli atbalstīts. Šeit ir daži galvenie punkti:

- Filament nodrošina iepriekš izveidotu komponentu un rīku komplektu, kas ir paredzēts darbam ar Tailwind CSS. Tā vietā izmantojot Bulmu, šo komponentu stili būtu jāizveido no jauna[1].

- Bulma ir moderns CSS ietvars, kura pamatā ir Flexbox un kas nodrošina vienkāršu un elastīgu veidu, kā izveidot atsaucīgas saskarnes. Tajā ir iekļauti iepriekš izstrādāti lietotāja interfeisa komponenti, kurus var viegli pielāgot[2].

- Lai izmantotu Bulma ar Filament, jums ir jānoņem Tailwind un tā spraudņi un jāintegrē Bulma savā projektā. Tas ietvertu stilu pārrakstīšanu Filament komponentiem, izmantojot Bulma klases[1].

- Izmantojot citu CSS sistēmu, piemēram, Bulma, var rasties saderības problēmas ar Filament funkcijām un spraudņiem. Filament komanda iesaka izmantot Tailwind CSS, lai nodrošinātu vislabāko pieredzi[3].

- Alternatīva pieeja ir izmantot Bulma kopā ar Tailwind, piemērojot Bulma stilus saviem pielāgotajiem komponentiem, vienlaikus izmantojot Tailwind galvenajiem Filament komponentiem. Tomēr var būt nepieciešams ignorēt dažus kvēldiega stilus[1].

Rezumējot, lai gan Filament motīviem tehniski ir iespējams izmantot Bulma, nevis Tailwind, tas prasa ievērojami vairāk pielāgotu darbu, var radīt saderības problēmas, un to oficiāli neatbalsta Filament komanda. Ieteicamā pieeja ir izmantot Tailwind CSS, lai nodrošinātu vislabāko pieredzi, veidojot Filament administrēšanas paneļus.

Citāts:
[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