Loading

Este componente se utiliza para recuperar datos o realizar cálculos lentos dentro de un proceso y ayudan a notificar a los usuarios que la carga de la página está en curso.

Variaciones y tipos

Demo en vivo

Loading...
<div class="rds-loading" role="status">
  <span class="rds-loading__ball" aria-hidden="true"></span>
  <span class="rds-loading__ball" aria-hidden="true"></span>
  <span class="rds-loading__ball" aria-hidden="true"></span>
  <span class="rds-loading__ball" aria-hidden="true"></span>
  <span class="rds-loading__ball" aria-hidden="true"></span>
  <span class="rds-visually-hidden">Loading...</span>
</div>

Usos

Este componente se utiliza al recuperar datos o realizar cálculos lentos. Notifican al usuario que su solicitud se está procesando. Aunque no proporcionan detalles sobre lo que ocurre en el back-end, aseguran al usuario que su acción se está procesando.

Alineación y orden

Se posicionará alinado vertical y horizontalmente con el contenedor que lo contiene.