Overview

Multi-button theme switcher displayed as a segmented control. Each theme option has its own dedicated button for quick access.

Installation

npx shadcn@latest add @elements/theme-switcher-multi-button

Usage

import { ThemeSwitcherMultiButton } from "@/components/theme-switcher-multi-button";

export function SettingsPanel() {
  return (
    <div>
      <label>Theme</label>
      <ThemeSwitcherMultiButton />
    </div>
  );
}

Features

• Individual buttons for Light, Dark, and System
• Segmented control design
• Clear visual feedback for active theme
• Horizontal layout