ThemeProvider

• Applies theme via class attribute on the root element (for Tailwind dark: prefix)
• Defaults to system to respect OS preference
• Persists user preference in localStorage
• Prevents flash of wrong theme on load

​

Props

​

Usage

import { ThemeProvider } from '@/components/ThemeProvider';

export default function Example() {
  return (
    <ThemeProvider>
      <App />
    </ThemeProvider>
  );
}