Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Czy mogę używać Bulmy zamiast motywów Tailwind for Filament?


Czy mogę używać Bulmy zamiast motywów Tailwind for Filament?


Chociaż Filament został zaprojektowany głównie do współpracy z CSS Tailwind, możliwe jest zamiast niego użycie Bulma CSS, chociaż może to wymagać więcej pracy niestandardowej i nie jest oficjalnie obsługiwane. Oto kilka kluczowych punktów:

- Filament zapewnia zestaw gotowych komponentów i narzędzi zaprojektowanych do współpracy z CSS Tailwind. Zamiast tego użycie Bulmy wymagałoby odtworzenia stylów tych komponentów od podstaw[1].

- Bulma to nowoczesny framework CSS oparty na Flexboksie, który zapewnia prosty i elastyczny sposób budowania responsywnych interfejsów. Zawiera wstępnie zaprojektowane komponenty interfejsu użytkownika, które można łatwo dostosować[2].

- Aby używać Bulmy z Filamentem, musisz usunąć Tailwind i jego wtyczki oraz zintegrować Bulmę ze swoim projektem. Wymagałoby to przepisania stylów komponentów Filament przy użyciu klas Bulma[1].

- Korzystanie z innego frameworka CSS, takiego jak Bulma, może powodować problemy ze zgodnością z funkcjami i wtyczkami Filament. Zespół Filament zaleca używanie CSS Tailwind, aby uzyskać najlepszą jakość[3].

— Alternatywnym podejściem jest użycie Bulmy razem z Tailwindem i zastosowanie stylów Bulmy do własnych niestandardowych komponentów, jednocześnie używając Tailwind do podstawowych komponentów Filament. Może to jednak wymagać zastąpienia niektórych stylów włókien[1].

Podsumowując, choć technicznie możliwe jest użycie motywów Bulma zamiast Tailwind for Filament, wymaga to znacznie więcej pracy niestandardowej, może powodować problemy ze zgodnością i nie jest oficjalnie wspierane przez zespół Filament. Zalecanym podejściem jest użycie CSS Tailwind, aby uzyskać najlepszą jakość podczas tworzenia paneli administracyjnych Filament.

Cytaty:
[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-minuty
[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