Command Palette

Search for a command to run...

Theme Switcher/Theme Switcher Dropdown

Theme Switcher Dropdown

Dropdown theme switcher with system/light/dark options

Open in v0

Overview

Dropdown-based theme switcher with a compact trigger button. Shows all theme options in a clean dropdown menu.

Installation

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

Usage

import { ThemeSwitcherDropdown } from "@/components/theme-switcher-dropdown";

export function Settings() {
  return (
    <div>
      <ThemeSwitcherDropdown />
    </div>
  );
}

Features

  • Dropdown menu interface
  • Light, Dark, and System options
  • Compact trigger button
  • Keyboard navigation support