ThemeToggle

import { AgnosticThemeToggle, ThemeToggle } from '@hanzo/ui/product'

Types

export type ThemeMode = 'light' | 'dark'

export type ThemeToggleProps = {
  /** Controlled theme. Pair with `onToggle`/`onThemeChange` to fully control it. */
  theme?: ThemeMode
  /** Seed for uncontrolled mode (default: read from the DOM `.dark` class, else 'dark'). */
  defaultTheme?: ThemeMode
  /** Called with the next theme on toggle (alias of `onThemeChange`). */
  onToggle?: (next: ThemeMode) => void
  /** Called with the next theme on toggle. */
  onThemeChange?: (next: ThemeMode) => void
  /** @hanzo/gui Button size token (default "$2"). */
  size?: string
  /** aria-label override. */
  label?: string
}

Exports