Filament öncelikle Tailwind CSS ile çalışacak şekilde tasarlanmış olsa da bunun yerine Bulma CSS'yi kullanmak mümkündür, ancak daha fazla özel çalışma gerektirebilir ve resmi olarak desteklenmez. İşte birkaç önemli nokta:
- Filament, Tailwind CSS ile çalışmak üzere tasarlanmış bir dizi önceden oluşturulmuş bileşen ve araç sağlar. Bunun yerine Bulma'yı kullanmak, bu bileşenlerin stillerinin sıfırdan yeniden oluşturulmasını gerektirecektir[1].
- Bulma, duyarlı arayüzler oluşturmanın basit ve esnek bir yolunu sağlayan Flexbox'a dayalı modern bir CSS çerçevesidir. Kolayca özelleştirilebilen, önceden tasarlanmış kullanıcı arayüzü bileşenlerini içerir[2].
- Bulma'yı Filament ile kullanmak için Tailwind'i ve eklentilerini kaldırmanız ve Bulma'yı projenize entegre etmeniz gerekir. Bu, Bulma sınıflarını[1] kullanarak Filament bileşenlerinin stillerinin yeniden yazılmasını içerecektir.
- Bulma gibi farklı bir CSS çerçevesi kullanmak, Filament'in özellikleri ve eklentileriyle uyumluluk sorunlarına neden olabilir. Filament ekibi, en iyi deneyim için Tailwind CSS'nin kullanılmasını önerir[3].
- Alternatif bir yaklaşım, Bulma'yı Tailwind ile birlikte kullanmak, Bulma stillerini kendi özel bileşenlerinize uygulamak ve aynı zamanda çekirdek Filament bileşenleri için Tailwind'i kullanmaktır. Ancak bu, bazı Filament stillerinin[1] geçersiz kılınmasını gerektirebilir.
Özetle, Filament temaları için Tailwind yerine Bulma'yı kullanmak teknik olarak mümkün olsa da, önemli ölçüde daha fazla özel çalışma gerektirir, uyumluluk sorunlarına neden olabilir ve Filament ekibi tarafından resmi olarak desteklenmez. Önerilen yaklaşım, Filament yönetici panelleri oluştururken en iyi deneyim için Tailwind CSS'yi kullanmaktır.
Alıntılar:[1] https://stackoverflow.com/questions/75169839/progressively-replaceing-bulma-with-tailwind
[2] https://blog.openreplay.com/tailwind-vs-bulma/
[3] https://filamentphp.com/community/easy-way-to-create-a-filament-theme-in-dakikalar
[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