Botones

Panel swallow button

Un botón con un panel de iconos más oscuro acoplado en un borde; Al pasar el cursor o enfocar el teclado, el panel crece en todo el ancho y la etiqueta se desvanece debajo de él.

Cómo usar Panel swallow button

Un botón con un panel de iconos más oscuro acoplado en un borde; Al pasar el cursor o enfocar el teclado, el panel crece en todo el ancho y la etiqueta se desvanece debajo de él.

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, accent, iconSide, expandMs

¿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

2037Shrinking cap icon rowBotonesUna fila de botones de íconos redondos cuyo relleno se esconde detrás de una tapa oscura que se colapsa al pasar el mouse, descubriendo el color desde el borde hacia adentro.

2513Slide under download buttonBotonesUn botón etiquetado que desliza una bandeja de acción brillante fuera de su placa al pasar el mouse o enfocar, con una flecha de descarga oscilante dentro de la bandeja.

2579Breathing Inset ButtonBotonesUn botón moldeado pálido cuyo panel interior se aleja del borde al pasar el mouse mientras el glifo de envío se desliza una corta distancia hacia la etiqueta.

1848Center out fill buttonBotonesUn botón en mayúscula delineado cuyo relleno de acento se abre desde una línea fina en el centro hacia ambos bordes al pasar el cursor o enfocar.

2695Circle plus add buttonBotonesUn botón para agregar sin palabras cuyo signo más dibuja sus dos trazos hacia afuera desde el centro al pasar el cursor mientras el relleno se profundiza.

2622Disc to Pill CTABotonesUn pequeño disco lleno al lado de una etiqueta en mayúsculas desnuda se extiende hasta convertirse en una pastilla completa al pasar el cursor o enfocar, revelando el texto y arrastrando la flecha.