Theme Toggle
@/components/kamod-ui/theme-toggle
Installation
Import ThemeToggle from `@/components/kamod-ui/theme-toggle`.
pnpm add @kamod-ch/uiUsage
Place one toggle in app chrome and let it persist user preference.
import { ThemeToggle } from "@/components/kamod-ui/theme-toggle";<ThemeToggle />Basic Theme Toggle
Toggle between light and dark mode states.
Custom Toggle Label
Provide explicit custom label content.
API Reference
Props, slots and variants for this component.
Theme Toggle
Theme Toggle component props and accepted values.
| Prop | Type | Default |
|---|---|---|
| children | ComponentChildren | auto label |
| onClick | (event) => void | undefined |
| class | string | undefined |
Accessibility Notes
Ensure toggle purpose is explicit and the label remains understandable without relying on icon-only affordance.