Cuándo usarlo
En páginas largas con 4+ secciones diferenciadas: landings de producto, casos de uso, documentación visual.
Configuración
En el bloque, define los anchors (id de cada sección) y el label visible. El bloque se queda sticky al hacer scroll.
Variantes responsive
En mobile el nav se convierte en un dropdown horizontal scrolleable. En desktop queda sticky con scroll-spy activo.
Accesibilidad
El nav incluye keyboard navigation (Tab + Enter), aria-current en el item activo y respeta prefers-reduced-motion.
Estilos
Tres variantes: pills (default), underline (estilo Material) y minimal (solo texto). Configurable por instancia.