Navegación

Orbit Ring Nav

Un anillo circular de botones de navegación con un puntero giratorio que se ajusta al elemento activo y botones que se expanden en píldoras etiquetadas al pasar el mouse.

Cómo usar Orbit Ring Nav

Un anillo circular de botones de navegación con un puntero giratorio que se ajusta al elemento activo y botones que se expanden en píldoras etiquetadas al pasar el mouse.

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: size, accentColor, pointerStiffness, expandLabels

¿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

2007Orbit Pointer NavNavegaciónUn anillo de navegación circular donde un puntero central gira para apuntar a cualquier botón de sección que esté activo, y los botones se expanden en píldoras etiquetadas al seleccionarlos.

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.