@uifabric/azure-themes
v7.10.38
Published
Azure themes for Fluent UI React
Downloads
4,363
Keywords
Readme
@uifabric/azure-themes
Azure theme for Fluent UI React (formerly Office UI Fabric React)
The Azure themes require the following import statements:
import {
AzureThemeDark,
AzureThemeLight,
AzureCustomizationsLight,
AzureCustomizationsDark,
} from '@uifabric/azure-themes';
The theme may subsequently be set to either the Azure or Azure-Dark themes.
In case of applying theme using Customizer
:
import { Customizer } from '@fluentui/react';
const customizations = AzureCustomizationsDark; // or alternatively AzureCustomizationsLight
<Customizer {...customizations}>
<div>{child component}</div>
</Customizer>
In case of applying theme using ThemeProvider
:
import { ThemeProvider } from '@fluentui/react-theme-provider';
const theme = AzureThemeDark; // or alternatively AzureThemeLight
<ThemeProvider theme={theme}>
<div>{child component}</div>
</ThemeProvider>