Botones

Pressed highlight toggle

Un botón de icono de dos estados que mantiene visible su estado presionado con un bloque resaltado redondeado que crece detrás del glifo desde el centro hacia afuera.

Cómo usar Pressed highlight toggle

Un botón de icono de dos estados que mantiene visible su estado presionado con un bloque resaltado redondeado que crece detrás del glifo desde el centro hacia afuera.

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: accentColor, size, skin, pressed, disabled

¿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

1634Format toggle buttonBotonesUn botón de icono que mantiene un estado de encendido o apagado y que, al presionarlo, difumina una placa redondeada detrás de su glifo.

2699Inset sheen buttonBotonesUn botón de utilidad pálido con un borde fino, un resaltado de un píxel a lo largo de su borde superior y un estado presionado que invierte el brillo hacia adentro.

2599Lozenge swipe highlightBotonesUna etiqueta monoespacial desnuda con un rombo de color estacionado a su derecha que se desliza y se extiende hasta resaltar completamente al pasar el mouse.

1644Press plate toggleBotonesUn botón simple de dos estados cuya placa llena se desvanece detrás de su contenido cuando se presiona, con el estado legible y configurable desde fuera del botón.

2208Pressable icon toggleBotonesUn botón con un ícono y una etiqueta que permanece presionado visualmente una vez que se hace clic, para una acción independiente de encendido o apagado, como silenciar o poner en negrita.

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.