DaisyUI theme switcher with 30+ themes and animated transitions
The switcher in the docs header drives this whole site. The instances below are standalone — each manages its own theme state.
dark| Prop | Type | Default | Description |
|---|---|---|---|
dropUp | boolean | false | Open dropdown upward |
themes | string[] | 32 DaisyUI themes | Available themes |
defaultTheme | string | "light" | Initial theme |
storageKey | string | "theme" | localStorage key |
onThemeChange | (theme: string) => void | - | Theme change callback |