Embora o Filament seja projetado principalmente para funcionar com Tailwind CSS, é possível usar Bulma CSS, embora possa exigir mais trabalho personalizado e não seja oficialmente suportado. Aqui estão alguns pontos-chave:
- Filament fornece um conjunto de componentes e ferramentas pré-construídos projetados para funcionar com Tailwind CSS. Usar Bulma exigiria recriar os estilos desses componentes do zero[1].
- Bulma é um framework CSS moderno baseado em Flexbox que fornece uma maneira simples e flexível de construir interfaces responsivas. Inclui componentes de UI pré-projetados que podem ser facilmente personalizados[2].
- Para usar o Bulma com o Filament, você precisaria remover o Tailwind e seus plugins e integrar o Bulma ao seu projeto. Isso envolveria reescrever os estilos dos componentes Filament usando classes Bulma[1].
- Usar uma estrutura CSS diferente como Bulma pode introduzir problemas de compatibilidade com os recursos e plugins do Filament. A equipe do Filament recomenda o uso do Tailwind CSS para a melhor experiência[3].
- Uma abordagem alternativa é usar o Bulma junto com o Tailwind, aplicando estilos Bulma aos seus próprios componentes personalizados enquanto ainda usa o Tailwind para os componentes principais do Filament. No entanto, isso pode exigir a substituição de alguns estilos de filamento[1].
Em resumo, embora seja tecnicamente possível usar Bulma em vez de Tailwind para temas Filament, ele requer muito mais trabalho personalizado, pode introduzir problemas de compatibilidade e não é oficialmente suportado pela equipe Filament. A abordagem recomendada é usar Tailwind CSS para obter a melhor experiência ao construir painéis de administração do Filament.
Citações:[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