Lai gan Filament galvenokārt ir paredzēts darbam ar Tailwind CSS, motīvu izveidei ir iespējams izmantot citu CSS ietvaru, lai gan tas var prasīt vairāk pielāgotu darbu. Šeit ir dažas iespējas.
1. Cita CSS ietvara izmantošana kopā ar Tailwind:
- Varat savā projektā iekļaut vēlamo CSS ietvaru kopā ar Tailwind.
- Tas ļauj izmantot Tailwind galvenajiem Filament komponentiem un savu ietvaru pielāgotam stilam.
- Tomēr, iespējams, vajadzēs ignorēt dažus Tailament stilus, lai sistēma darbotos nevainojami.
2. Tailwind aizstāšana ar citu sistēmu:
- Ir iespējams pilnībā aizstāt Tailwind ar citu CSS sistēmu, piemēram, Bootstrap vai Foundation.
- Tas nozīmētu Tailwind un tā spraudņu noņemšanu un jūsu izvēlētās sistēmas integrēšanu.
- Izmantojot jauno sistēmu, jums būs atkārtoti jāizveido Filament komponentu stili.
- Šī pieeja prasa vairāk pūļu, un, iespējams, Filament to oficiāli neatbalsta.
3. Izmantojot ietvar-agnostisku pieeju:
- Tā vietā, lai paļautos uz konkrētu CSS ietvaru, varat izmantot ietvaru agnostisku pieeju stilam.
- Tas ietver vienkārša CSS rakstīšanu vai priekšapstrādātāja, piemēram, Sass/Less, izmantošanu un stilu piemērošanu tieši HTML elementiem un klasēm.
- Lai gan tas nodrošina vislielāko elastību, ir nepieciešams vairāk manuāla darba, lai izveidotu komponentus un saglabātu konsekvenci.
Neatkarīgi no pieejas, ņemiet vērā, ka, izmantojot citu CSS ietvaru, var būt nepieciešams vairāk pielāgotu darbu un, iespējams, Filament to oficiāli neatbalsta. Filament komanda iesaka izmantot Tailwind CSS, lai nodrošinātu vislabāko pieredzi un saderību ar ietvara līdzekļiem un spraudņiem[1][2].
Ja tomēr nolemjat izmantot citu sistēmu, rūpīgi pārbaudiet savu pielāgoto motīvu un esiet gatavs risināt visas saderības problēmas, kas var rasties Filament atjaunināšanas laikā.
Citāts:[1] https://filamentphp.com/community/easy-way-to-create-a-filament-theme-in-minutes
[2] https://docs.laravel-filament.cn/docs/2.x/admin/appearance/
[3] https://github.com/yepsua/filament-themes
[4] https://filamentphp.com/docs/3.x/panels/themes
[5] https://github.com/filamentphp/filament/discussions/9604