Ignite UI for React의 테마
Ignite UI for React Bootstrap, Material, Fluent 및 Indigo의 네 가지 테마가 포함되어 있습니다. 모든 구성 요소 테마는 구성 요소에 적용되지만 팔레트, 타이포그래피 및 기타 전역 구성이 작동하려면 전역 스타일 파일이 필요합니다.
Loading a Theme
테마를 활성화하려면 테마 파일을 로드해야 합니다. 프로젝트 구성에 따라 import 오거나 link 수 있습니다.
모든 번들 테마와 해당 경로의 전체 목록은 다음과 같습니다.
| 이름 | 변종 | 위치 |
|---|---|---|
| 부트스트랩 | 빛 | igniteui-react-grids/grids/themes/light/bootstrap.css |
| 재료 | 빛 | igniteui-react-grids/grids/themes/light/material.css |
| 유창한 | 빛 | igniteui-react-grids/grids/themes/light/fluent.css |
| 남빛 | 빛 | igniteui-react-grids/grids/themes/light/indigo.css |
| 부트스트랩 | 어두운 | igniteui-react-grids/grids/themes/dark/bootstrap.css |
| 재료 | 어두운 | igniteui-react-grids/grids/themes/dark/material.css |
| 유창한 | 어두운 | igniteui-react-grids/grids/themes/dark/fluent.css |
| 남빛 | 어두운 | igniteui-react-grids/grids/themes/dark/indigo.css |
API References
ConfigureTheme