Si bien Filament está diseñado principalmente para funcionar con Tailwind CSS, es posible usar Bulma CSS en su lugar, aunque puede requerir un trabajo más personalizado y no es compatible oficialmente. Aquí hay algunos puntos clave:
- Filament proporciona un conjunto de componentes y herramientas prediseñados que están diseñados para funcionar con Tailwind CSS. En su lugar, usar Bulma requeriría recrear los estilos de estos componentes desde cero[1].
- Bulma es un marco CSS moderno basado en Flexbox que proporciona una forma sencilla y flexible de crear interfaces responsivas. Incluye componentes de interfaz de usuario prediseñados que se pueden personalizar fácilmente[2].
- Para usar Bulma con Filament, necesitarás eliminar Tailwind y sus complementos e integrar Bulma en tu proyecto. Esto implicaría reescribir los estilos de los componentes de Filament usando clases Bulma[1].
- El uso de un marco CSS diferente como Bulma puede presentar problemas de compatibilidad con las funciones y complementos de Filament. El equipo de Filament recomienda utilizar Tailwind CSS para obtener la mejor experiencia[3].
- Un enfoque alternativo es usar Bulma junto con Tailwind, aplicando estilos de Bulma a sus propios componentes personalizados y al mismo tiempo usar Tailwind para los componentes principales de Filament. Sin embargo, esto puede requerir anular algunos estilos de filamento[1].
En resumen, si bien es técnicamente posible usar Bulma en lugar de Tailwind para los temas de Filament, requiere mucho más trabajo personalizado, puede introducir problemas de compatibilidad y no cuenta con el soporte oficial del equipo de Filament. El enfoque recomendado es utilizar Tailwind CSS para obtener la mejor experiencia al crear paneles de administración de Filament.
Citas:[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