Theme Toggle Button

Switches between light and dark with next-themes; the sun grows into a moon.

Installation#

pnpm dlx shadcn@latest add @balick/theme-toggle-button

Or pass the full URL: https://ui.balick.me/r/theme-toggle-button.json

import { ThemeToggleButton } from "@/components/ui/theme-toggle-button"

export function Header() {
  return <ThemeToggleButton />
}

Prop	Type	Default	Description
`variant` Style of the shadcn/ui Button underneath.	`Button variant`	"ghost"	Style of the shadcn/ui Button underneath.
`size` Size of the button.	`Button size`	"icon"	Size of the button.