Botones

Key Turn Chip

Un pequeño chip lleno cuyo glifo clave se mueve como si estuviera buscando un candado al pasar el cursor, luego gira una moneda de veinticinco centavos y se desbloquea al hacer clic.

Cómo usar Key Turn Chip

Un pequeño chip lleno cuyo glifo clave se mueve como si estuviera buscando un candado al pasar el cursor, luego gira una moneda de veinticinco centavos y se desbloquea al hacer clic.

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: label, unlockedLabel, accent, jiggleDegrees, unlocked

¿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

2466Add Then Confirm ChipBotonesUn chip oscuro con una etiqueta cálida cuyo signo más se balancea de lado a lado al pasar el mouse, luego gira hasta convertirse en una marca e informa el elemento agregado.

2115Bookmark save chipBotonesUn chip de guardado compacto cuya marca de marcador pasa del contorno al relleno y da un pequeño tirón hacia abajo en el momento en que se guarda un elemento.

2575Bookmark save toggleBotonesUn chip de guardado compacto cuyo glifo de marcador se llena de forma sólida y mantiene un borde fino una vez que se guarda el elemento.

2472Counting follow chipBotonesUn chip delineado que empareja una etiqueta con un conteo de seguidores, haciendo rodar los dígitos modificados hacia arriba a través de una ventana enmascarada cuando se cierra y hacia abajo cuando se suelta.

2473Follow latch chipBotonesUn chip de seguimiento que obtiene una vista previa de su estado de llenado al pasar el cursor y se bloquea allí al hacer clic, cambiando a un mensaje para dejar de seguir con un tono de advertencia cuando se vuelve a colocar el cursor sobre él.

2035Share toggle chipBotonesUn chip empotrado que pasa de una invitación a un estado confirmado al hacer clic, y su glifo supera su tamaño completo antes de asentarse.