Navegación

Expanding card navbar

Una barra de navegación delgada y redondeada cuya palanca de hamburguesa la expande hacia abajo en una fila de tarjetas de enlaces de colores, los enlaces de cada tarjeta se tambalean a la vista.

Cómo usar Expanding card navbar

Una barra de navegación delgada y redondeada cuya palanca de hamburguesa la expande hacia abajo en una fila de tarjetas de enlaces de colores, los enlaces de cada tarjeta se tambalean a la vista.

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: cardCount, accentColor, ease

¿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

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.

2120Chameleon pill navbarNavegaciónUna fila de enlaces de navegación en una cápsula oscura donde el enlace activo se divide en su propia píldora y el resto se cierra a su alrededor.

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.

1528Dock menuNavegaciónUn muelle inferior cuyos íconos toman su tamaño de la distancia del puntero, con una etiqueta encima del ícono debajo del cursor y un punto debajo del activo.

2163Grouped settings dropdownNavegaciónUn menú desplegable activado por botón con secciones etiquetadas, un submenú anidado y un grupo de radio para elegir uno de varios valores de configuración.

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.