ThemeToggler
Dark/light mode toggle with a cinematic View Transitions API wipe animation.
Simple Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
ThemeToggler/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Additional classes for the toggle button. |
Usage
import { ThemeToggler } from '@/ui';
// Drop it anywhere — it reads from next-themes automatically
<ThemeToggler />
// Typically used inside a Navbar
<nav>
<Logo />
<NavLinks />
<ThemeToggler />
</nav>