Meskipun Filament pada dasarnya dirancang untuk bekerja dengan Tailwind CSS, Anda dapat menggunakan Bulma CSS sebagai gantinya, meskipun mungkin memerlukan lebih banyak pekerjaan khusus dan tidak didukung secara resmi. Berikut adalah beberapa poin penting:
- Filament menyediakan serangkaian komponen dan alat siap pakai yang dirancang untuk berfungsi dengan Tailwind CSS. Penggunaan Bulma akan memerlukan pembuatan ulang gaya untuk komponen ini dari awal[1].
- Bulma adalah kerangka CSS modern berdasarkan Flexbox yang menyediakan cara sederhana dan fleksibel untuk membangun antarmuka responsif. Ini mencakup komponen UI pra-desain yang dapat dengan mudah disesuaikan [2].
- Untuk menggunakan Bulma dengan Filament, Anda perlu menghapus Tailwind dan pluginnya, serta mengintegrasikan Bulma ke dalam proyek Anda. Ini akan melibatkan penulisan ulang gaya untuk komponen Filamen menggunakan kelas Bulma[1].
- Menggunakan kerangka CSS yang berbeda seperti Bulma dapat menimbulkan masalah kompatibilitas dengan fitur dan plugin Filament. Tim Filament merekomendasikan penggunaan Tailwind CSS untuk pengalaman terbaik[3].
- Pendekatan alternatifnya adalah menggunakan Bulma bersama Tailwind, menerapkan gaya Bulma ke komponen khusus Anda sambil tetap menggunakan Tailwind untuk komponen Filamen inti. Namun, hal ini mungkin memerlukan penggantian beberapa gaya Filamen[1].
Singkatnya, meskipun secara teknis dimungkinkan untuk menggunakan tema Bulma alih-alih Tailwind untuk Filament, hal ini memerlukan lebih banyak pekerjaan khusus, dapat menimbulkan masalah kompatibilitas, dan tidak didukung secara resmi oleh tim Filament. Pendekatan yang disarankan adalah menggunakan Tailwind CSS untuk pengalaman terbaik saat membuat panel admin Filament.
Kutipan:[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-menit
[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