Esqueleto
Un componente de marcador de posición de carga con tres variantes de forma. Usa animación de pulso para indicar el estado de carga. Combina múltiples esqueletos para crear marcadores de carga de tarjetas, listas o contenido.
Vista Previa y Código
_skeleton.html.erb
███
████████ █████████ █████████
██████
███ ██████ █████████████████████ ██
███ ██████ ██████████████████████ ████████ ███████ ██
███ ██████ ██████████████████████ ████████ ███████████ █████ ███ ██
███ ██████ ██████████████████████ ██████ ███████ ██
██
skeleton_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
████████ █ ███████ ██████ █████████████████
█████ █ █████ ██ ██████████
███████████ █████████ ██████ ██████
███ ███████████████████ ██████ █████ ████ ██████ ████ ████████████████
████████ █ ██████████████
skeleton_component.html.erb
████ ██████████ ████████████████ ██████████
Registro de Cambios
- Initial release with text, circle, and rectangle variants
- Pulse animation for loading indication
- Size presets (sm, md, lg) for each variant
- Dark mode support
Obtener Acceso Completo
Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.
Obtener Acceso