Kuigi Filament on mõeldud peamiselt Tailwind CSS-iga töötamiseks, on teemade loomiseks võimalik kasutada teistsugust CSS-i raamistikku, kuigi see võib nõuda rohkem kohandatud tööd. Siin on mõned valikud.
1. Erineva CSS-i raamistiku kasutamine koos Tailwindiga:
- Saate oma projekti kaasata oma eelistatud CSS-raamistiku koos Tailwindiga.
- See võimaldab teil kasutada Tailwindi hõõgniidi põhikomponentide jaoks ja omaenda raamistikku kohandatud stiili jaoks.
- Siiski peate võib-olla mõne Tailamenti stiili alistama, et teie raamistik töötaks sujuvalt.
2. Tailwindi asendamine teise raamistikuga:
- Tailwindi on võimalik täielikult asendada mõne muu CSS-raamistikuga, nagu Bootstrap või Foundation.
- See hõlmab Tailwindi ja selle pistikprogrammide eemaldamist ning valitud raamistiku integreerimist.
- Peaksite oma uue raamistiku abil uuesti looma filamendi komponentide stiilid.
- See lähenemisviis nõuab rohkem pingutusi ja filament ei pruugi seda ametlikult toetada.
3. Kasutades raamistiku agnostilist lähenemisviisi:
- Selle asemel, et tugineda konkreetsele CSS-raamistikule, saate stiilimisel kasutada raamistiku-agnostilist lähenemist.
- See hõlmab tavalise CSS-i kirjutamist või eelprotsessori (nt Sass/Less) kasutamist ja stiilide rakendamist otse HTML-i elementidele ja klassidele.
- Kuigi see pakub suurimat paindlikkust, nõuab komponentide stiili kujundamiseks ja järjepidevuse säilitamiseks rohkem käsitsitööd.
Olenemata lähenemisviisist pidage meeles, et erineva CSS-raamistiku kasutamine võib nõuda rohkem kohandatud tööd ja seda ei pruugi Filament ametlikult toetada. Filamenti meeskond soovitab parima kasutuskogemuse ja raamistiku funktsioonide ja pistikprogrammidega ühilduvuse tagamiseks kasutada Tailwind CSS-i[1][2].
Kui otsustate kasutada mõnda muud raamistikku, testige kindlasti oma kohandatud teemat põhjalikult ja olge valmis lahendama kõik ühilduvusprobleemid, mis võivad filamendi värskenduste ajal tekkida.
Tsitaadid:[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