ThemeProviderOverview

ThemeProvider is a utility that applies contextual theming to its child components. Themes can be applied to your entire app, to specific subtrees, or to individual components. You can also infinitely nest and override themes. By default, Fluent UI React components use a Fluent theme.

Starting in @fluentui/react version 8, ThemeProvider provides a standard way to apply your application theme to Fluent UI React components. For Fabric/Fluent UI v7 customers, read more about the differences with previous theming utilities here.