Capas superpuestas

Account Menu Flyout

Un botón de resumen de perfil que se abre en un menú de cuenta de filas etiquetadas, con una pequeña línea indicadora curva que se endereza cuando el menú está abierto.

Workspace

Arrow keys move the highlight, Enter activates a row, Escape closes.

Cómo usar Account Menu Flyout

Un botón de resumen de perfil que se abre en un menú de cuenta de filas etiquetadas, con una pequeña línea indicadora curva que se endereza cuando el menú está abierto.

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: name, plan, align, 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

2295Account Dropdown MenuCapas superpuestasUn disparador de avatar que abre un menú de cuenta agrupado con sugerencias de atajos de teclado, un submenú temático y una fila de cierre de sesión destructiva con un estilo aparte del resto.

2121Checkable action menuCapas superpuestasUn menú que combina acciones simples con filas de casillas de verificación y un conjunto de opciones únicas, haciendo aparecer cada marca cuando se enciende y deslizando un punto entre las opciones.

2176Keyboard Dropdown MenuCapas superpuestasUn botón de activación abre una lista de acciones flotantes cuyo fondo resaltado se desliza suavemente entre cualquier elemento que esté sobre el cursor o enfocado en el teclado, con teclas de flecha completas y navegación de escritura anticipada.

1993Link preview cardCapas superpuestasUn pequeño panel de vista previa que aparece cerca de un enlace o nombre de usuario después de un breve desplazamiento y muestra un resumen de lo que hay detrás sin necesidad de hacer clic.

2182Linked Profile PreviewCapas superpuestasUna tarjeta de vista previa enriquecida que aparece cuando un visitante se desplaza o enfoca un nombre vinculado, que muestra un avatar, una biografía y estadísticas de seguidores, con un cursor opcional que sigue el cursor.

2094Sliding highlight menuCapas superpuestasUn menú de acción activado por botón donde una placa redondeada se desliza entre filas a medida que se mueven el puntero o las teclas de flecha, en lugar de que cada fila se ilumine por sí sola.