Temas en Ignite UI for React
Ignite UI for React se entrega con cuatro temas distintos: Bootstrap, Material, Fluent e Indigo. Todos los temas de los componentes están integrados en los componentes, sin embargo, se requiere un archivo de estilo global para que funcionen las paletas, la tipografía y otras configuraciones globales.
Loading a Theme
Para habilitar un tema, debe cargarse un archivo de tema. Dependiendo de la configuración de tu proyecto, puedes elegir entre ambosimportlink.
Aquí está la lista completa de todos los temas incluidos y su ruta:
| Nombre | Variante | Ubicación |
|---|---|---|
| **Bootstrap*- | Luz | igniteui-react-grids/grids/themes/light/bootstrap.css |
| **Material*- | Luz | igniteui-react-grids/grids/themes/light/material.css |
| **Fluido*- | Luz | igniteui-react-grids/grids/themes/light/fluent.css |
| **Añil*- | Luz | igniteui-react-grids/grids/themes/light/indigo.css |
| **Bootstrap*- | Oscuro | igniteui-react-grids/grids/themes/dark/bootstrap.css |
| **Material*- | Oscuro | igniteui-react-grids/grids/themes/dark/material.css |
| **Fluido*- | Oscuro | igniteui-react-grids/grids/themes/dark/fluent.css |
| **Añil*- | Oscuro | igniteui-react-grids/grids/themes/dark/indigo.css |
API References
ConfigureTheme