본문으로 건너뛰기
언어

Theme togglelayout

Light, dark and system theme switch on next-themes that renders a placeholder until hydrated.

설치

pnpm
pnpm dlx shadcn@4.23.0 add @uikit/theme-toggle

의존 아이템buttonlocalestyle

Cycle

theme-toggle-cycle.tsx
import { ThemeToggle } from "@/components/ui/theme-toggle";
export default function ThemeToggleCycle() {  return <ThemeToggle variant="cycle" />;}