Mensajes de estado

Breathing dot loader

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

Syncing playlist

Cómo usar Breathing dot loader

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

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: dotCount, dotSize, peakScale, cycleSeconds, accent

¿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

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.

2167Hopping dot loaderMensajes de estadoUna fila corta de puntos que saltan en una onda viajera y cada uno abandona el suelo un latido después del punto que está a su lado.

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.

2138Curtain line loaderMensajes de estadoUna cortina de carga que se retira detrás de una línea viajera brillante, cortando el contenido terminado a la vista en lugar de desvanecerlo.

1950Dot matrix status pillMensajes de estadoUn botón de pastilla cuyo lado izquierdo es una cuadrícula de cinco por cinco puntos que reproduce un patrón de bucle corto para cada estado, con el título intercambiando paso a paso.

1958Fill progress loading textMensajes de estadoUna etiqueta de carga se asienta como un tenue contorno de sí misma, mientras que una copia de color sólido la completa desde la izquierda como una barra de progreso con la forma de la palabra, deslizándose hacia adelante y hacia atrás mientras se realiza el trabajo.