Mensajes de estado

Content Loading Card

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

Cómo usar Content Loading Card

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

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: layout, pulse

¿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

2184Loading Placeholder BlocksMensajes de estadoBloques de marcador de posición redondeados y tenues que sustituyen a un avatar y líneas de texto apiladas mientras se carga el contenido, con una banda de luz diagonal que los recorre sincronizadamente.

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.

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.

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.

1922Empty State PanelMensajes de estadoUn marcador de posición centrado que se muestra en lugar de una lista vacía, con un título, una descripción y una o dos acciones iniciales.