I když je Filament primárně navržen pro práci s Tailwind CSS, je možné místo toho použít Bulma CSS, i když to může vyžadovat více vlastní práce a není oficiálně podporováno. Zde je několik klíčových bodů:
- Filament poskytuje sadu předem sestavených komponent a nástrojů, které jsou navrženy pro práci s Tailwind CSS. Použití Bulma místo toho by vyžadovalo znovu vytvořit styly pro tyto komponenty od začátku[1].
- Bulma je moderní framework CSS založený na Flexboxu, který poskytuje jednoduchý a flexibilní způsob vytváření citlivých rozhraní. Zahrnuje předem navržené komponenty uživatelského rozhraní, které lze snadno přizpůsobit[2].
- Chcete-li používat Bulmu s Filament, musíte odstranit Tailwind a jeho pluginy a integrovat Bulmu do svého projektu. To by zahrnovalo přepsání stylů pro komponenty Filament pomocí tříd Bulma[1].
- Použití jiného frameworku CSS, jako je Bulma, může způsobit problémy s kompatibilitou s funkcemi a pluginy Filament. Tým Filament doporučuje používat Tailwind CSS pro nejlepší zážitek[3].
- Alternativním přístupem je použití Bulma spolu s Tailwindem, aplikováním stylů Bulma na vaše vlastní komponenty, zatímco stále používáte Tailwind pro základní komponenty Filament. To však může vyžadovat přepsání některých stylů Filament[1].
Stručně řečeno, ačkoli je technicky možné použít Bulma místo Tailwind pro motivy Filament, vyžaduje to podstatně více vlastní práce, může způsobit problémy s kompatibilitou a tým Filament to oficiálně nepodporuje. Doporučeným přístupem je používat Tailwind CSS pro co nejlepší zážitek při vytváření panelů pro správu Filament.
Citace:[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