Appearance
AppNavbar
Sidebar de navegación vertical. Recibe un array de NavItemConfig y emite navigate con el to del item al hacer click.
Default
Estructura NavItemConfig
ts
interface NavItemConfig {
to: string // ruta destino (se emite en navigate)
label: string // texto debajo del icono
icon: Component // componente Lucide
badge?: number // número en el badge
badgeColor?: 'red' | 'orange' | 'purple' | 'cyan'
active?: boolean // marca el item como activo
}Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
items | NavItemConfig[] | — | Requerido. Lista de items de navegación |
Slots
Ninguno.
Emits
| Evento | Payload | Cuándo se dispara |
|---|---|---|
navigate | to: string | Click en cualquier NavItem |