Navegación

Hover duplicate text nav

Una lista de navegación vertical desliza cada etiqueta hacia arriba y fuera de la parte superior al pasar el mouse, mientras que una etiqueta duplicada se desliza desde abajo para ocupar su lugar.

Cómo usar Hover duplicate text nav

Una lista de navegación vertical desliza cada etiqueta hacia arriba y fuera de la parte superior al pasar el mouse, mientras que una etiqueta duplicada se desliza desde abajo para ocupar su lugar.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: items, accent, durationMs, showIndex

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2366Hover slide nav labelsNavegaciónUna lista de navegación vertical donde, al pasar el cursor o enfocar una etiqueta, se muestra una copia duplicada mientras el original se desliza hacia afuera, de modo que la etiqueta parece actualizarse sola.

2106Adjacent hover menubarNavegaciónUna barra de menú estilo escritorio donde se abre al hacer clic en un menú y, una vez abierto, al pasar el cursor sobre cualquier menú adyacente se cambia directamente a ese sin hacer un clic adicional.

2107App MenubarNavegaciónUna barra de menú horizontal estilo escritorio donde al hacer clic en una etiqueta de nivel superior se abre su menú desplegable y, una vez que una está abierta, al pasar el cursor sobre las otras etiquetas se cambia directamente a sus menús sin un clic adicional.

1914ARIA Tablist ResizeNavegaciónUna lista de pestañas de índice de pestañas móvil totalmente accesible con un resaltado de píldora deslizante, donde el marco del panel cambia suavemente de tamaño según el contenido de la pestaña que se muestra.

1916Auto height tabsNavegaciónUn grupo de pestañas cuyo contenedor de contenido cambia suavemente su altura para adaptarse a cada panel a medida que cambia de pestaña, en lugar de saltar o dejar espacios vacíos.

2111Auto-Hide Nav BarNavegaciónUna barra superior adhesiva que se desliza hacia arriba fuera de la vista cuando el visitante se desplaza hacia abajo y se desliza hacia adentro tan pronto como se desplaza hacia arriba.