Providers() — ui Function Reference

Architecture documentation for the Providers() function in providers.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Providers() — ui Function Reference

Dependency Diagram

graph TD
  f6df8965_eafd_ebce_19b1_b146002dd1da["Providers()"]
  2869a698_9d13_cda6_f156_04dfbdd4e0c6["providers.tsx"]
  f6df8965_eafd_ebce_19b1_b146002dd1da -->|defined in| 2869a698_9d13_cda6_f156_04dfbdd4e0c6
  style f6df8965_eafd_ebce_19b1_b146002dd1da fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

templates/monorepo-next/apps/web/components/providers.tsx lines 6–18

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <NextThemesProvider
      attribute="class"
      defaultTheme="system"
      enableSystem
      disableTransitionOnChange
      enableColorScheme
    >
      {children}
    </NextThemesProvider>
  )
}