Navegación

Sliding content tabs

Una ventana gráfica de contenido emparejada con una barra de pestañas de cápsula debajo, donde al cambiar de pestaña se desliza el panel desde el costado de la pestaña elegida mientras un resaltado de color se desliza detrás de la etiqueta activa.

Overview

A snapshot of activity across your workspace this week.

Cómo usar Sliding content tabs

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: activeTab, accent

¿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?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

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.

2309Bubble burst menuNavegaciónUna pastilla con un logotipo flotante y un interruptor que se expanden hasta convertirse en una superposición de pantalla completa de enlaces de pastillas de gran tamaño, cada uno de los cuales estalla en su lugar con un tambaleo elástico.

2318Circle reveal sidebarNavegaciónUn panel de menú que se abre como un círculo que surge de su propia palanca, con filas que surgen en secuencia y las barras de palanca se pliegan formando una cruz.

2162Grouped magnify dockNavegaciónUna base inferior de botones de iconos redondos se divide en dos grupos que crecen cuanto más se acerca el puntero a cada uno.

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.

2188Magnifying icon dockNavegaciónUna fila de íconos de aplicaciones en una barra translúcida que crece a medida que el puntero se acerca a cada uno, volviendo a su tamaño normal cuando el puntero se aleja.