Skip to content

AppHeader ​

Header de aplicación fijo en 95px. Muestra logo, reloj con fecha en tiempo real, selector de idioma, botón de alarmas y avatar de usuario. Las tres zonas (logo, centro, acciones) son personalizables vía slots.

Default ​

Slot #logo personalizado ​

Slot #center personalizado ​

Slot #actions personalizado ​

Props ​

PropTipoDefaultDescripción
logostring—URL del logo (fallback del slot #logo)
logoAltstring'Logo'Alt text del logo
versionstring—Texto de versión debajo del logo
alarmsnumber—Número de alarmas activas. Muestra badge rojo si > 0
locale'es' | 'en''es'Idioma activo en el selector
userInitialsstring'?'Iniciales del usuario en el avatar

Slots ​

SlotDescripción
logoZona izquierda. Fallback: <img> con prop logo + versión
centerZona central. Fallback: reloj con fecha en tiempo real
actionsZona derecha. Fallback: lang selector + bell + user avatar

Emits ​

EventoPayloadCuándo se dispara
update:locale'es' | 'en'Cambio en el selector de idioma (fallback de #actions)
notificationClick—Click en el botón de alarmas (fallback de #actions)
userMenuClick—Click en el avatar de usuario (fallback de #actions)