Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon ¿Puedo usar Bulma en lugar de Tailwind para temas de filamentos?


¿Puedo usar Bulma en lugar de Tailwind para temas de filamentos?


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