componente · @solu30/ui-kit/navigation
ThemeToggle
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { ThemeToggle } from '@solu30/ui-kit/navigation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| className | opcional | string | Additional CSS classes for the button wrapper. |
| ariaLabel | opcional | string | Accessible label. Defaults to "Toggle theme". |
| variant | opcional | "icon" | "full" | "menu" | Visual variant. "icon" = compact button; "full" = icon + label + switch row (standalone styling, p-2 + hover:bg-inner); "menu" = same content as "full" but padding/colors normalized to match SidebarUserMenu's item rows (px-2.5 py-2, hover:bg-surface, text-content) — use inside `<SidebarUserMenu themeToggle={...}>` for consistent left indent. |