Spinner
Un spinner es un indicador visual de que un proceso está ocurriendo en segundo plano pero que la interfaz aún no está lista para su interacción.
Vista Previa
Usos
Se utilizan cuando la información tarda mucho tiempo en procesarse y aparecer en pantalla para recuperar datos o realizar cálculos lentos, y ayudan a notificar a los usuarios que la carga está en curso. Aunque no brinda detalles sobre lo que está ocurriendo en el back-end, asegura al usuario que su acción está siendo procesada. En su versión Big, la acción desactiva temporalmente toda la aplicación ya que se están guardando-enviando datos del usuario. En su versión Small puede ser específica para una zona concreta de la web y no desactivar el resto de funcionalidades.
Cuándo usar
Comportamiento
Tipos
Indeterminate
Determinated
Tamaño
Big
Small
Contenido
Basic
Title + Description
Title
Description
Fondo
Overlay Modal
White
Accesibilidad
Este componente ha sido validado para cumplir con los requisitos de accesibilidad la UNE-EN 301549:2022 en la que se engloban los criterios de la WCAG 2.1 (AA), sin embargo, los cambios del contenido y estilos pueden afectar al cumplimiento de la accesibilidad. Debemos de asegurarnos de revisar y seguir las directrices de esta sección cuando actualice o añada nuevo contenido o estilo a este componente.
