Mensajes de estado

Click ripple burst

Un efecto de retroalimentación de puntero que genera una breve forma animada exactamente donde el usuario hace clic o toca.

Click or tap anywhereEach release spawns one effect at the pointer

Cómo usar Click ripple burst

Un efecto de retroalimentación de puntero que genera una breve forma animada exactamente donde el usuario hace clic o toca.

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: variant, color, size, duration

¿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

2122Click spark burstMensajes de estadoCada presión arroja un anillo de líneas cortas desde el punto exacto de contacto, cada una de las cuales se estira y se reduce a nada a medida que vuela.

2151Expanding ring loaderMensajes de estadoAnillos finos que crecen a partir de un solo punto y se desvanecen a medida que se ensanchan, se liberan uno tras otro para que el pulso nunca se detenga.

1645Press ripple buttonBotonesUn botón sólido que genera un círculo de luz en el punto exacto que presionas, expandiéndose más allá de los bordes y desvaneciéndose a medida que lo sueltas.

1546Toast stackMensajes de estadoUna pila de notificaciones en la esquina donde las tostadas más antiguas se esconden detrás de las más nuevas, apuntándolas, las organiza en una lista, y cada una drena una línea antes de irse.

2117Breathing dot loaderMensajes de estadoPuntos que permanecen quietos y respiran en lugar de moverse, hinchándose y atenuándose a su vez para que la fila se lea como un latido cardíaco lento.

2129Content Loading CardMensajes de estadoUn marcador de posición en forma de tarjeta que respira con un lento pulso opacity mientras aún se cargan un gran bloque de imagen y dos líneas de texto.