Kým je Filament primárne navrhnutý na prácu s Tailwind CSS, je možné namiesto toho použiť Bulma CSS, hoci si to môže vyžadovať viac vlastnej práce a nie je oficiálne podporované. Tu je niekoľko kľúčových bodov:
- Filament poskytuje súpravu vopred vytvorených komponentov a nástrojov, ktoré sú navrhnuté na prácu s Tailwind CSS. Použitie Bulma by si vyžadovalo opätovné vytvorenie štýlov pre tieto komponenty od začiatku[1].
- Bulma je moderný rámec CSS založený na Flexboxe, ktorý poskytuje jednoduchý a flexibilný spôsob vytvárania responzívnych rozhraní. Obsahuje vopred navrhnuté komponenty používateľského rozhrania, ktoré možno ľahko prispôsobiť[2].
- Ak chcete používať Bulmu s Filament, musíte odstrániť Tailwind a jeho doplnky a integrovať Bulmu do svojho projektu. To by zahŕňalo prepísanie štýlov pre komponenty Filament pomocou tried Bulma[1].
- Používanie iného rámca CSS, ako je Bulma, môže spôsobiť problémy s kompatibilitou s funkciami a doplnkami Filament. Tím Filament odporúča používať Tailwind CSS pre najlepší zážitok[3].
- Alternatívnym prístupom je použitie Bulma spolu s Tailwindom, aplikovanie štýlov Bulma na vaše vlastné komponenty, pričom stále používate Tailwind pre základné komponenty Filament. To však môže vyžadovať prepísanie niektorých štýlov vlákien[1].
Stručne povedané, hoci je technicky možné použiť Bulma namiesto Tailwind pre témy Filament, vyžaduje si to podstatne viac zákazkovej práce, môže spôsobiť problémy s kompatibilitou a tím Filament to oficiálne nepodporuje. Odporúčaný prístup je použiť Tailwind CSS, aby ste dosiahli čo najlepší zážitok pri vytváraní panelov správy Filament.
Citácie:[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