Function ThemeProvider

ThemeProvider(children: { children: ReactNode }): Element

Provider for theme value: dark, light or system.

Example

        <ThemeProvider>
          <Page>{children}</Page>
        </ThemeProvider>

Parameters

children: { children: ReactNode }

Returns Element

Source

export default function ThemeProvider({ children }: { children: ReactNode }) {
  return (
    <NextThemeProvider attribute="class" defaultTheme="system" enableSystem>
      {children}
    </NextThemeProvider>
  );
}