Skeleton
Placeholder de carga que indica la estructura del contenido. Mejora la percepción de velocidad.
Variantes base
Formas básicas
Presets
Skeletons pre-armados para los patrones más comunes.
SkeletonCard
SkeletonAvatar
SkeletonTable
Lineamientos
- • Usar skeleton en vez de spinner cuando la estructura es predecible
- • Replicar las dimensiones del contenido real lo más cercano posible
- • Duración de animación: 1.5s loop (ya configurado con
animate-pulse) - • En mobile: shimmer effect nativo (iOS: CAGradientLayer, Android: ShimmerFrameLayout)
- • Siempre incluir
aria-hidden="true"