Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Puis-je utiliser un framework CSS différent au lieu de Tailwind pour les thèmes Filament


Puis-je utiliser un framework CSS différent 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 un framework CSS différent pour créer des thèmes, même si cela peut nécessiter un travail plus personnalisé. Voici quelques options :

1. Utilisation d'un framework CSS différent avec Tailwind :
- Vous pouvez inclure votre framework CSS préféré aux côtés de Tailwind dans votre projet.
- Cela vous permet d'utiliser Tailwind pour les composants de base de Filament et votre propre cadre pour un style personnalisé.
- Cependant, vous devrez peut-être remplacer certains styles Tailament pour que votre framework fonctionne de manière transparente.

2. Remplacer Tailwind par un autre framework :
- Il est possible de remplacer entièrement Tailwind par un autre framework CSS comme Bootstrap ou Foundation.
- Cela impliquerait de supprimer Tailwind et ses plugins, et d'intégrer le framework de votre choix.
- Vous devrez recréer les styles des composants Filament en utilisant votre nouveau framework.
- Cette approche nécessite plus d'efforts et peut ne pas être officiellement prise en charge par Filament.

3. En utilisant une approche indépendante du framework :
- Au lieu de vous appuyer sur un framework CSS spécifique, vous pouvez utiliser une approche de style indépendante du framework.
- Cela implique d'écrire du CSS simple ou d'utiliser un préprocesseur comme Sass/Less et d'appliquer des styles directement aux éléments et classes HTML.
- Bien que cela offre la plus grande flexibilité, cela nécessite plus de travail manuel pour styliser les composants et maintenir la cohérence.

Quelle que soit l'approche choisie, gardez à l'esprit que l'utilisation d'un framework CSS différent peut nécessiter un travail plus personnalisé et peut ne pas être officiellement pris en charge par Filament. L'équipe Filament recommande d'utiliser Tailwind CSS pour une meilleure expérience et une compatibilité avec les fonctionnalités et les plugins du framework[1][2].

Si vous décidez d'utiliser un framework différent, assurez-vous de tester minutieusement votre thème personnalisé et soyez prêt à gérer tout problème de compatibilité pouvant survenir lors des mises à jour de Filament.

Citations :
[1] https://filamentphp.com/community/easy-way-to-create-a-filament-theme-in-minutes
[2] https://docs.laravel-filament.cn/docs/2.x/admin/apparaître/
[3] https://github.com/yepsua/filament-themes
[4] https://filamentphp.com/docs/3.x/panels/themes
[5] https://github.com/filamentphp/filament/discussions/9604