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 tema deve ser carregado. Dependendo da configuração do seu projeto, você pode escolher entre ambosimportlink.
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