Theme Toggle

A sun/moon toggle button for switching between light and dark themes with rotation animation.

Import

import { ThemeToggle } from "@/components/ui"

Prop	Type	Default	Description
size	"sm" \| "md" \| "lg"	"md"	Button size.
mode	"light" \| "dark" \| "system"	"system"	Current theme mode.
onModeChange	(mode: "light" \| "dark") => void	—	Callback when theme changes.