ThemeToggle

Toggle de tema claro/escuro/sistema com dropdown.

Instalação

npx @kobana/ui add theme-toggle

Dependências: button, dropdown-menu (shadcn/ui), next-themes (npm)

import { ThemeToggle } from "@/components/kobana/theme-toggle"

Prop	Tipo	Default	Descrição
`labels`	`{ light?, dark?, system?, srOnly? }`	`"Claro"/"Escuro"/"Sistema"`	Labels customizáveis
`className`	`string`	—	Classes adicionais

Requer ThemeProvider do next-themes na árvore de componentes.

<ThemeToggle />

StatusBadge

Badge semântico com cores e ícones para indicar status.

DashboardLoginPage

Template de página de login do dashboard com botão OAuth e magic link. Tema escuro com branding Kobana.