Appearance
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
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
logo | string | — | URL del logo (fallback del slot #logo) |
logoAlt | string | 'Logo' | Alt text del logo |
version | string | — | Texto de versión debajo del logo |
alarms | number | — | Número de alarmas activas. Muestra badge rojo si > 0 |
locale | 'es' | 'en' | 'es' | Idioma activo en el selector |
userInitials | string | '?' | Iniciales del usuario en el avatar |
Slots
| Slot | Descripción |
|---|---|
logo | Zona izquierda. Fallback: <img> con prop logo + versión |
center | Zona central. Fallback: reloj con fecha en tiempo real |
actions | Zona derecha. Fallback: lang selector + bell + user avatar |
Emits
| Evento | Payload | Cuá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) |