ArticleNav
Navegación anterior/siguiente al final de artículos
En el canon con dos usos reales: la fecha en los artículos de sebastianunda y la navegación de esta documentación.
Preview
Componente real del canon: tipografía, borde superior y hover reales.
Props
| Prop | Tipo | Nota |
|---|---|---|
prev, next | { title, url, meta? } | Ambas opcionales; sin ninguna, no renderiza nada |
locale | 'es' | 'en' | Default 'es'. Controla kickers y aria-label. |
prevLabel, nextLabel | string | Sobrescriben los kickers del locale |
Tokens
| Elemento | Familia | Tamaño |
|---|---|---|
| Kicker ("Anterior"/"Siguiente") | Georama | 14px / 400, secondary |
| Meta | Georama | 16px / 400, secondary. Label contextual: una fecha en los artículos, una sección en esta documentación |
| Título | Aleo | 22px / 500, primary. Hover: accent (dark mode) |
| Borde superior | n/a | 1px solid, 20% opacity → full on hover |
Restricciones
- Solo texto. Sin thumbnails. Es ayuda de navegación, no preview.
- Sin link "Volver al listado". NavPill lo maneja.
- Max-width: 90ch (coincide con prose).
- Título max-width: 28ch con text-wrap: balance.
- Solo se renderiza si existe al menos un vecino.
Decisiones
| Decisión | Por qué |
|---|---|
| Sin thumbnails | Ligero. Ayuda de navegación al final de lectura, no preview |
| Borde superior como señal de hover | Motion restringida: cambio mínimo, claridad máxima |
| Título en Aleo | Señala elemento estructural (navegación), no body |
| 28ch max-width en título | Evita que títulos largos desbalanceen las dos columnas |