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
logostringURL del logo (fallback del slot #logo)
logoAltstring'Logo'Alt text del logo
versionstringTexto de versión debajo del logo
alarmsnumberNú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)
notificationClickClick en el botón de alarmas (fallback de #actions)
userMenuClickClick en el avatar de usuario (fallback de #actions)