18Switch language to English

Theme Provider

السابقالتالي

Theme provider wrapper component.

Wrap your app in ThemeProvider to enable dark mode.

import { ThemeProvider } from "@/components/atom/theme-provider"

export default function ThemeProviderDemo() {
  return (
    <>
      <ThemeProvider>
        <p className="text-sm text-muted-foreground">
          Wrap your app in ThemeProvider to enable dark mode.
        </p>
      </ThemeProvider>
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/theme-provider

Usage

import { ThemeProvider } from "@/components/atom/theme-provider"
<ThemeProvider />