Botones

Pressable icon toggle

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

Cómo usar Pressable icon toggle

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

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, pressed, variant

¿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

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.

1647Pressed highlight toggleBotonesUn 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.

1936Chevron flip tileBotonesUn ícono cuadrado cuyo galón se articula plano y se vuelve a abrir apuntando hacia el otro lado, cada mitad girando sobre la junta donde se encuentran.

1631Day night sweep toggleBotonesUn botón de ícono que alterna un panel de configuración entre claro, oscuro y automático, repintándolo con un borde recortado que se desplaza en lugar de desvanecerse.

1640Latching icon toggleBotonesUn botón cuadrado que se enciende y apaga: una placa llena se desvanece, el glifo se intercambia por su contraparte coincidente y un título al lado explica el estado en palabras.

2512Plus to cross tileBotonesUna pequeña losa cuadrada con un signo más que gira cuarenta y cinco grados formando una cruz cerrada y se hincha una fracción a medida que gira.