Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Môžem použiť iný rámec CSS namiesto Tailwind pre témy Filament


Môžem použiť iný rámec CSS namiesto Tailwind pre témy Filament


Kým je Filament primárne navrhnutý na prácu s Tailwind CSS, na vytváranie tém je možné použiť iný rámec CSS, hoci si to môže vyžadovať viac vlastnej práce. Tu je niekoľko možností:

1. Používanie iného rámca CSS popri Tailwind:
– Svoj preferovaný rámec CSS môžete zahrnúť do svojho projektu spolu s Tailwindom.
- To vám umožní použiť Tailwind pre základné komponenty Filament a váš vlastný rámec pre vlastný štýl.
- Možno však budete musieť prepísať niektoré štýly Tailament, aby váš rámec fungoval bez problémov.

2. Nahradenie Tailwind iným rámcom:
- Tailwind je možné úplne nahradiť iným rámcom CSS, ako je Bootstrap alebo Foundation.
– Zahŕňa to odstránenie Tailwind a jeho doplnkov a integráciu vami zvoleného rámca.
- Budete musieť znova vytvoriť štýly pre komponenty Filament pomocou vášho nového rámca.
- Tento prístup vyžaduje viac úsilia a nemusí byť oficiálne podporovaný filamentom.

3. Použitie rámcovo-agnostického prístupu:
- Namiesto spoliehania sa na konkrétny rámec CSS môžete použiť k stylovaniu prístup agnostický rámec.
- Zahŕňa to písanie obyčajného CSS alebo použitie preprocesora ako Sass/Less a aplikovanie štýlov priamo na prvky a triedy HTML.
- Aj keď to poskytuje najväčšiu flexibilitu, vyžaduje si to viac ručnej práce na úpravu komponentov a udržanie konzistencie.

Bez ohľadu na prístup majte na pamäti, že použitie iného rámca CSS môže vyžadovať viac zákazkovej práce a nemusí byť oficiálne podporované spoločnosťou Filament. Tím Filament odporúča používať Tailwind CSS pre najlepší zážitok a kompatibilitu s funkciami a doplnkami rámca[1][2].

Ak sa rozhodnete použiť iný rámec, nezabudnite dôkladne otestovať svoju vlastnú tému a buďte pripravení zvládnuť akékoľvek problémy s kompatibilitou, ktoré sa môžu vyskytnúť počas aktualizácií Filament.

Citácie:
[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