Skip to content

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

PropTipoDefaultDescripción
itemsNavItemConfig[]Requerido. Lista de items de navegación

Slots

Ninguno.

Emits

EventoPayloadCuándo se dispara
navigateto: stringClick en cualquier NavItem