Botones

Swallowing Chip Button

Un botón tipo pastilla con un pequeño chip ligero fijado en su borde derecho que se ensancha al pasar el cursor hasta cubrir todo el botón.

Cómo usar Swallowing Chip Button

Un botón tipo pastilla con un pequeño chip ligero fijado en su borde derecho que se ensancha al pasar el cursor hasta cubrir todo el botón.

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, duration, expandOnFocus

¿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

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.

2350Expanding chip back buttonBotonesUn botón de pastilla pálido cuyo chip decorativo se extiende a todo lo ancho al pasar el mouse, llevando su flecha hacia el otro lado mientras la etiqueta permanece en su lugar y se cubre.

2469Arrow to label pillBotonesUn botón redondo de chevrón que se extiende hasta convertirse en una píldora ancha etiquetada al pasar el cursor, intercambiando la marca por una palabra mientras el relleno plano se convierte en una rampa de dos paradas.

1827Expanding icon pillBotonesUn botón de icono redondo que crece hasta convertirse en una pastilla etiquetada al pasar el cursor o al enfocar, girando su glifo una revolución completa a medida que la etiqueta se desliza hacia adentro.

2714Expanding icon pillBotonesUn botón de ícono redondo que se extiende hasta convertirse en una píldora etiquetada al pasar el mouse, intercambiando su glifo por una palabra cuando llega un relleno de acento.

1633Flip face buttonBotonesUn botón con dos caras que intercambia una por la otra en un giro tridimensional, invirtiendo su posición cuando el puntero sale.