Temas em Ignite UI for React
Ignite UI for React vem com quatro temas distintos - Bootstrap, Material, Fluent e Indigo. Todos os temas de componentes são incorporados aos componentes, no entanto, um arquivo de estilo global é necessário para que paletas, tipografia e outras configurações globais funcionem.
Loading a Theme
Para habilitar um tema, um arquivo de tema deve ser carregado. Dependendo da configuração do seu projeto, você pode ou import link.
Aqui está a lista completa de todos os temas agrupados e seu caminho:
| Nome | Variante | Localização |
|---|---|---|
| Bootstrap | Luz | igniteui-react-grids/grades/temas/luz/bootstrap.css |
| Material | Luz | igniteui-react-grids/grids/temas/luz/material.css |
| Fluente | Luz | igniteui-react-grids/grids/temas/luz/fluent.css |
| Anil | Luz | igniteui-react-grids/grids/themes/light/indigo.css |
| Bootstrap | Escuro | igniteui-react-grids/grids/temas/escuro/bootstrap.css |
| Material | Escuro | igniteui-react-grids/grids/temas/escuro/material.css |
| Fluente | Escuro | igniteui-react-grids/grids/temas/escuro/fluent.css |
| Anil | Escuro | igniteui-react-grids/grids/themes/dark/indigo.css |
API References
ConfigureTheme