Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Ar galiu naudoti kitą CSS sistemą, o ne „Tailwind“, skirtą „Filament“ temoms


Ar galiu naudoti kitą CSS sistemą, o ne „Tailwind“, skirtą „Filament“ temoms


Nors „Filament“ pirmiausia sukurta dirbti su „Tailwind CSS“, temoms kurti galima naudoti kitą CSS sistemą, tačiau gali prireikti daugiau pritaikytų darbų. Štai keletas variantų:

1. Kitos CSS sistemos naudojimas kartu su Tailwind:
- Į savo projektą galite įtraukti pageidaujamą CSS sistemą kartu su Tailwind.
- Tai leidžia naudoti „Tailwind“ pagrindiniams „Filament“ komponentams ir savo individualiam stiliui sukurti.
– Tačiau gali tekti nepaisyti kai kurių „Tailament“ stilių, kad jūsų sistema veiktų sklandžiai.

2. Tailwind pakeitimas kita sistema:
- Tailwind galima visiškai pakeisti kita CSS sistema, tokia kaip Bootstrap arba Foundation.
- Tai apimtų Tailwind ir jo papildinių pašalinimą ir pasirinktos sistemos integravimą.
- Turėsite iš naujo sukurti Filament komponentų stilius naudodami naują sistemą.
- Šis metodas reikalauja daugiau pastangų ir gali būti oficialiai nepalaikomas „Filament“.

3. Naudojant sistemos agnostinį metodą:
- Užuot pasikliavę konkrečia CSS sistema, galite naudoti sistemos agnostinį stilių.
- Tai apima paprasto CSS rašymą arba išankstinio procesoriaus, pvz., Sass/Less, naudojimą ir stilių taikymą tiesiogiai HTML elementams ir klasėms.
- Nors tai suteikia didžiausią lankstumą, reikia daugiau rankinio darbo, norint sukurti komponentų stilių ir išlaikyti nuoseklumą.

Nepriklausomai nuo požiūrio, atminkite, kad naudojant kitą CSS sistemą gali prireikti daugiau individualaus darbo ir „Filament“ gali būti oficialiai nepalaikoma. „Filament“ komanda rekomenduoja naudoti „Tailwind CSS“, kad būtų užtikrinta geriausia patirtis ir suderinamumas su sistemos funkcijomis ir papildiniais[1][2].

Jei nuspręsite naudoti kitą sistemą, būtinai kruopščiai patikrinkite pasirinktinę temą ir būkite pasirengę išspręsti visas suderinamumo problemas, kurios gali kilti atnaujinant „Filament“.

Citatos:
[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