Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Czy mogę używać innego frameworka CSS zamiast motywów Tailwind for Filament?


Czy mogę używać innego frameworka CSS zamiast motywów Tailwind for Filament?


Chociaż Filament został zaprojektowany głównie do współpracy z CSS Tailwind, możliwe jest użycie innego frameworka CSS do tworzenia motywów, chociaż może to wymagać więcej pracy niestandardowej. Oto kilka opcji:

1. Korzystanie z innego frameworka CSS wraz z Tailwind:
- Możesz dołączyć preferowany framework CSS obok Tailwind w swoim projekcie.
- Dzięki temu możesz używać Tailwind do podstawowych komponentów Filament i własnego środowiska do niestandardowej stylizacji.
- Jednak może być konieczne zastąpienie niektórych stylów Tailament, aby Twój framework działał płynnie.

2. Zastąpienie Tailwinda innym frameworkiem:
- Możliwe jest całkowite zastąpienie Tailwinda innym frameworkiem CSS, takim jak Bootstrap lub Foundation.
- Wymagałoby to usunięcia Tailwinda i jego wtyczek oraz integracji wybranego frameworka.
- Będziesz musiał odtworzyć style komponentów Filament przy użyciu nowego frameworka.
- To podejście wymaga więcej wysiłku i może nie być oficjalnie wspierane przez firmę Filament.

3. Stosowanie podejścia niezależnego od ram:
- Zamiast polegać na konkretnym frameworku CSS, możesz zastosować podejście do stylizacji niezależne od frameworka.
- Wymaga to napisania zwykłego CSS lub użycia preprocesora, takiego jak Sass/Less, i zastosowania stylów bezpośrednio do elementów i klas HTML.
- Chociaż zapewnia to największą elastyczność, wymaga więcej pracy ręcznej, aby stylizować komponenty i zachować spójność.

Niezależnie od podejścia, należy pamiętać, że korzystanie z innego frameworku CSS może wymagać więcej pracy niestandardowej i może nie być oficjalnie obsługiwane przez Filament. Zespół Filament zaleca używanie CSS Tailwind w celu uzyskania najlepszych wrażeń i zgodności z funkcjami i wtyczkami frameworka[1] [2].

Jeśli zdecydujesz się na użycie innego frameworka, pamiętaj o dokładnym przetestowaniu niestandardowego motywu i przygotuj się na radzenie sobie z wszelkimi problemami ze zgodnością, które mogą pojawić się podczas aktualizacji Filament.

Cytaty:
[1] https://filamentphp.com/community/easy-way-to-create-a-filament-theme-in-minuty
[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