Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Puis-je utiliser Bulma au lieu de Tailwind pour les thèmes Filament


Puis-je utiliser Bulma au lieu de Tailwind pour les thèmes Filament


Bien que Filament soit principalement conçu pour fonctionner avec Tailwind CSS, il est possible d'utiliser Bulma CSS à la place, bien que cela puisse nécessiter un travail plus personnalisé et ne soit pas officiellement pris en charge. Voici quelques points clés :

- Filament fournit un ensemble de composants et d'outils prédéfinis conçus pour fonctionner avec Tailwind CSS. Utiliser Bulma nécessiterait plutôt de recréer les styles de ces composants à partir de zéro[1].

- Bulma est un framework CSS moderne basé sur Flexbox qui offre un moyen simple et flexible de créer des interfaces réactives. Il comprend des composants d'interface utilisateur préconçus qui peuvent être facilement personnalisés[2].

- Pour utiliser Bulma avec Filament, vous devrez supprimer Tailwind et ses plugins, et intégrer Bulma dans votre projet. Cela impliquerait de réécrire les styles des composants Filament à l'aide des classes Bulma[1].

- L'utilisation d'un framework CSS différent comme Bulma peut introduire des problèmes de compatibilité avec les fonctionnalités et plugins de Filament. L'équipe Filament recommande d'utiliser Tailwind CSS pour la meilleure expérience[3].

- Une approche alternative consiste à utiliser Bulma avec Tailwind, en appliquant les styles Bulma à vos propres composants personnalisés tout en utilisant Tailwind pour les composants de base de Filament. Cependant, cela peut nécessiter de remplacer certains styles de filaments[1].

En résumé, bien qu'il soit techniquement possible d'utiliser Bulma au lieu de Tailwind pour les thèmes Filament, cela nécessite beaucoup plus de travail personnalisé, peut introduire des problèmes de compatibilité et n'est pas officiellement pris en charge par l'équipe Filament. L'approche recommandée consiste à utiliser Tailwind CSS pour la meilleure expérience lors de la création de panneaux d'administration Filament.

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