Overview

Classic dropdown theme switcher that provides three options: Light, Dark, and System. Uses a popover interface for theme selection.

Installation

npx shadcn@latest add @elements/theme-switcher-classic

Usage

import { ThemeSwitcherClassic } from "@/components/theme-switcher-classic";

export function Header() {
  return (
    <header>
      <ThemeSwitcherClassic />
    </header>
  );
}

Features

• Light, Dark, and System theme options
• Dropdown popover interface
• Persists theme preference
• Respects system preferences when set to "System"