Home / File/ theme-provider.tsx — ui Source File

theme-provider.tsx — ui Source File

Architecture documentation for theme-provider.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx Internationalization Dictionary 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  beff1cea_de3f_bf08_0795_131b257dff5e["theme-provider.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  beff1cea_de3f_bf08_0795_131b257dff5e --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  75d25ec8_fe84_91a4_54c6_20dabb286f91["next-themes"]
  beff1cea_de3f_bf08_0795_131b257dff5e --> 75d25ec8_fe84_91a4_54c6_20dabb286f91
  style beff1cea_de3f_bf08_0795_131b257dff5e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { ThemeProvider as NextThemesProvider } from "next-themes"

export function ThemeProvider({
  children,
  ...props
}: React.ComponentProps<typeof NextThemesProvider>) {
  return (
    <NextThemesProvider
      attribute="class"
      defaultTheme="system"
      enableSystem
      disableTransitionOnChange
      enableColorScheme
      {...props}
    >
      {children}
    </NextThemesProvider>
  )
}

Subdomains

Functions

Dependencies

  • next-themes
  • react

Frequently Asked Questions

What does theme-provider.tsx do?
theme-provider.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, Dictionary subdomain.
What functions are defined in theme-provider.tsx?
theme-provider.tsx defines 1 function(s): ThemeProvider.
What does theme-provider.tsx depend on?
theme-provider.tsx imports 2 module(s): next-themes, react.
Where is theme-provider.tsx in the architecture?
theme-provider.tsx is located at apps/v4/components/theme-provider.tsx (domain: Internationalization, subdomain: Dictionary, directory: apps/v4/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free