# Theme Toggle

- Page: <https://kznlabs.github.io/labsUI/components/theme-toggle>

## Theme Toggle (`theme-toggle`, component)

Light/dark icon switch with spring rotate-swap; follows the OS until first use.

- Install: `npx @kznlabs/labsui add theme-toggle`
- Docs: <https://kznlabs.github.io/labsUI/components/theme-toggle>
- Brings: button, button-variants, theme, utils
- npm: clsx@^2.1.1, lucide-react@1.63.0, motion@14.7.1, tailwind-merge@^3.7.0

### API

- `<ThemeToggle>`: Icon button: sun/moon rotate-swap on a spring. Follows OS until first click.

### Usage

```tsx
<ThemeToggle />
```

### Example: header.tsx

```tsx
import { ThemeToggle } from "@/components/ui/theme-toggle";
export function Header() {
  return <ThemeToggle />;
}
```