Capas superpuestas

Checkable action menu

Un 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.

Hero image

Layer 3 of 6

Cómo usar Checkable action menu

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: side, align, accent, keepOpenOnCheck, showSubmenu

¿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

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.

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.

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.

2296Account Menu FlyoutCapas superpuestasUn 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.

2279Layered Context MenuCapas superpuestasUn menú contextual con acciones agrupadas, un submenú anidado, elementos de casilla de verificación y un grupo de radio, todos los cuales se abren en la posición del puntero.

2283Right click context menuCapas superpuestasUn menú que aparece exactamente donde aterriza un clic derecho o una pulsación larga, con acciones, una casilla de verificación, un grupo de radio y un submenú flotante.