Sistema de diseño
Loading
Componente que muestra visualmente al usuario que una operación se está realizando en segundo plano y que está en espera de completarse.
Figma
Storybook
AEM
Overview
Este componente es esencial para mejorar la experiencia del usuario al proporcionar feedback visual sobre el progreso de una operación y ayuda a reducir la percepción de tiempos de espera prolongados.
Aparece únicamente cuando se está llevando a cabo una operación en segundo plano y desaparece una vez completada.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
El componente de loading puede presentarse en dos variantes: integrado dentro de un elemento o sobre un overlay.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Animación
Las elipses se desplazan hacia arriba y abajo dentro de la caja del componente.
Posicionamiento
La animación de carga se posicionará en el centro del contenedor en el que esté ubicada. Se utiliza cuando se está cargando un contenedor o una página completa.
Uso de la variante con container
La animación aparece en una caja que la contiene. Se utiliza en casos en los que se bloquea la navegación sobre el contenido de la página.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes