Esqueleto
Aquí tienes la traducción del archivo fuente de la guía de diseño al español, manteniendo un tono natural y conservando los elementos técnicos y de MDX:
Un marcador de posición animado que reemplaza el contenido real durante la carga del contenido hasta que la interfaz esté lista para la interacción del usuario. Se utiliza si el tiempo de carga no supera los 300 ms.
Estructura
Dependiendo del contenido, puede adoptar la forma de un rectángulo, un círculo o una combinación de ambos.
Tamaños
El componente se adapta al contenedor de contenido que reemplaza durante la carga.
Casos de uso
-
Puede mostrar la página completa
-
Puede reemplazar solo una parte del contenido, permitiendo la interacción con el resto de la interfaz
Recomendaciones
Usar
- Cuando el tipo de contenido se puede predecir después de la carga.
- El tiempo de carga es inferior a 300 ms.
- Si el esqueleto se utiliza para carga asíncrona, debe mostrarse exactamente donde ocurre la carga, ya que la carga de un bloque de elementos no debe bloquear el resto de la interfaz.
No usar
- Si la carga dura más de tres segundos, es mejor usar un spinner o un cargador.
- Si el tiempo de carga supera los 10 segundos y se conoce la duración exacta, se debe mostrar una barra de progreso.
- Cuando la carga se inicia con un clic de botón, usar el estado del botón como retroalimentación es suficiente, especialmente en ventanas modales.