Choose theme
components/theme-switcher

Theme Switcher

A three-way light / dark / dim switch whose thumb slides with a liquid wobble.

Usageimport { ThemeSwitcher } from "./ThemeSwitcher";
1import { ThemeSwitcher } from "./ThemeSwitcher";
2 
3<ThemeSwitcher />

Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).

Props

PropTypeDefault
defaultValuelight | dark | dimlight
labelstringChoose theme
sizesm | md | lgmd