Ficha
- Categoría
- Navigation
- Nivel
- molécula
- Estado
- en revisión
- Radix
- no
- Actualizado
- 2026-10-26
- Figma
- 494:16521
- Fuente
design-system/componentes/Breadcrumbs.md
Dónde estoy dentro de una sección: ancestros en gris (enlaces) › página actual en fuerte. Vive en la TopBar de pantallas de segundo nivel o más en lugar del título; reemplaza el enlace «← Volver» (reglas/05 §05.3).
Cuándo usarlo
- TopBar de pantallas de segundo nivel: módulo de Aprender, detalle de un escenario.
Cuándo NO usarlo
- Pantallas raíz de sección (usa el título en la TopBar); el shell de foco.
Anatomía
<nav> con <ol> en fila, gap 8, heading/sm: Parent › (Middle ›) Current; separadores chevron-right 16.
Props
| Prop | Figma | Valores | Por defecto |
|---|---|---|---|
parent | Parent | texto | Aprender |
middle | Middle | texto | Sección |
showMiddle | Show middle | boolean | false |
current | Current | texto | Producto |
parentHref, middleHref | — | rutas de los ancestros | — |
Estados
Sin estados; los ancestros son enlaces con hover subrayado.
Accesibilidad
- <nav aria-label="Ubicación"> con lista ordenada; los ancestros son enlaces; la actual lleva aria-current=page; los separadores son decorativos.
Contenido
Nombres cortos; la página actual es la misma que el h1 cuando la TopBar no muestra título.
Errores conocidos
- Ninguno medido.
Changelog
- 2026-10-26 · nace (T-02).