Botones

Ringing bell badge

Un botón de campana de notificación elaborado a partir de formas simples que se mueve en ambos sentidos con una patada a pequeña escala y lleva un conteo en vivo no leído.

Cómo usar Ringing bell badge

Un botón de campana de notificación elaborado a partir de formas simples que se mueve en ambos sentidos con una patada a pequeña escala y lleva un conteo en vivo no leído.

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: count, accent, size, ring

¿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

2625Anaglyph wobble buttonBotonesUn botón que cuelga en un lento movimiento 3D y, cuando se mantiene suspendido o enfocado, arroja duplicados cálidos y fríos de sí mismo fuera de registro con una oscilación excesiva.

2601Arrow relay badge pillBotonesUn botón de pastilla con una insignia redonda izquierda cuya flecha sale por la esquina superior al pasar el mouse, mientras que una nueva llega desde abajo y el cuerpo se vuelve casi negro.

2550Captioned Like ButtonBotonesUn botón de corazón solo con ícono que revela un título que se eleva desde abajo al pasar el cursor o al enfocar, y se llena con un rápido sobrepaso cuando se desea.

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.

1679Crossing ripple tileBotonesUn mosaico de insignia cuadrado donde dos puntos corren desde bordes opuestos, se hinchan en círculos superpuestos que inundan la cara y desenrollan un título debajo.

2492Follow count swipeBotonesUna tableta de seguimiento delineada cuya insignia decorativa redonda se desliza hacia el otro extremo al pasar el mouse, dibujando una banda que revela el recuento de seguidores; al hacer clic se confirma el seguimiento con un sello y se aumenta el conteo.