Ficha
- Categoría
- Navigation
- Nivel
- organismo
- Estado
- en revisión
- Radix
- no
- Actualizado
- 2026-10-26
- Figma
- 393:11401
- Fuente
design-system/componentes/TopBar.md
Barra superior de la tarjeta de contenido: el título de la sección (h1) a la izquierda o, en segundo nivel, los Breadcrumbs; a la derecha, una acción contextual opcional («＋ Nueva conversación») y el botón «Aithu Sales Coach» cuando el panel está colapsado. Flota sobre el contenido con el vidrio progresivo (Fade/Barra superior + Blur/Bar, DV-17).
Cuándo usarlo
- Toda tarjeta de contenido del shell principal.
Cuándo NO usarlo
- Shells de foco (barra de foco con ✕ y progreso) y Acceso.
Anatomía
<header> sticky de 72, padding 4/20/0/28, space-between: h1 heading/sm o Breadcrumbs · acciones (Button sm secondary).
Props
| Prop | Figma | Valores | Por defecto |
|---|---|---|---|
title | Title | texto | Inicio |
showAction | Show action | boolean | false |
showCoachButton | Show coach button | boolean | false |
showTitle | Show title | boolean | true |
showBreadcrumbs | Show breadcrumbs | boolean | false |
breadcrumbs | instancia Breadcrumbs expuesta | props de Breadcrumbs | — |
action | action (Button sm secondary expuesto) | nodo | — |
onCoach | coach-button | abre el panel | — |
Estados
Sin estados propios.
Accesibilidad
- El título es el h1; las acciones son botones con su etiqueta; la barra es un landmark header dentro de main.
Contenido
Título = nombre de la sección; etiqueta de la acción = verbo + objeto («Nueva conversación»). Sin selector de idioma ni notificaciones (R-20.1, P3).
Errores conocidos
- Ninguno medido.
Changelog
- 2026-10-26 · nace (T-02).