Filament는 기본적으로 Tailwind CSS와 함께 작동하도록 설계되었지만 테마 생성을 위해 다른 CSS 프레임워크를 사용할 수도 있지만 더 많은 맞춤 작업이 필요할 수 있습니다. 다음은 몇 가지 옵션입니다.
1. Tailwind와 함께 다른 CSS 프레임워크 사용:
- 프로젝트에 Tailwind와 함께 선호하는 CSS 프레임워크를 포함할 수 있습니다.
- 이를 통해 핵심 Filament 구성 요소에 Tailwind를 사용하고 맞춤형 스타일링을 위한 자체 프레임워크를 사용할 수 있습니다.
- 그러나 프레임워크가 원활하게 작동하도록 하려면 일부 Tailament 스타일을 재정의해야 할 수도 있습니다.
2. Tailwind를 다른 프레임워크로 교체:
- Tailwind를 Bootstrap이나 Foundation과 같은 다른 CSS 프레임워크로 완전히 교체할 수 있습니다.
- Tailwind와 해당 플러그인을 제거하고 선택한 프레임워크를 통합하는 작업이 포함됩니다.
- 새 프레임워크를 사용하여 필라멘트 구성 요소의 스타일을 다시 만들어야 합니다.
- 이 접근 방식은 더 많은 노력이 필요하며 Filament에서 공식적으로 지원하지 않을 수 있습니다.
3. 프레임워크에 구애받지 않는 접근 방식 사용:
- 특정 CSS 프레임워크에 의존하는 대신 프레임워크에 구애받지 않는 스타일 지정 접근 방식을 사용할 수 있습니다.
- 여기에는 일반 CSS를 작성하거나 Sass/Less와 같은 전처리기를 사용하고 HTML 요소 및 클래스에 직접 스타일을 적용하는 작업이 포함됩니다.
- 이는 가장 뛰어난 유연성을 제공하지만 구성 요소의 스타일을 지정하고 일관성을 유지하기 위해 더 많은 수동 작업이 필요합니다.
접근 방식에 관계없이 다른 CSS 프레임워크를 사용하려면 더 많은 사용자 지정 작업이 필요할 수 있으며 Filament에서 공식적으로 지원되지 않을 수 있다는 점을 명심하세요. Filament 팀은 프레임워크 기능 및 플러그인과의 호환성과 최상의 경험을 위해 Tailwind CSS를 사용할 것을 권장합니다[1][2].
다른 프레임워크를 사용하기로 결정한 경우 사용자 정의 테마를 철저하게 테스트하고 필라멘트 업데이트 중에 발생할 수 있는 호환성 문제를 처리할 준비를 하십시오.
인용:[1] https://filamentalphp.com/community/easy-way-to-create-a-filment-theme-in- Minutes
[2] https://docs.laravel-filment.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/pillamentphp/filment/discussions/9604