Squelette
Un composant d'espace réservé de chargement avec trois variantes de forme. Utilise une animation de pulsation pour indiquer l'état de chargement. Composez plusieurs squelettes pour créer des espaces réservés de chargement pour cartes, listes ou contenu.
Aperçu et code
_skeleton.html.erb
███
████████ █████████ █████████
██████
███ ██████ █████████████████████ ██
███ ██████ ██████████████████████ ████████ ███████ ██
███ ██████ ██████████████████████ ████████ ███████████ █████ ███ ██
███ ██████ ██████████████████████ ██████ ███████ ██
██
skeleton_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
████████ █ ███████ ██████ █████████████████
█████ █ █████ ██ ██████████
███████████ █████████ ██████ ██████
███ ███████████████████ ██████ █████ ████ ██████ ████ ████████████████
████████ █ ██████████████
skeleton_component.html.erb
████ ██████████ ████████████████ ██████████
Journal des modifications
- Initial release with text, circle, and rectangle variants
- Pulse animation for loading indication
- Size presets (sm, md, lg) for each variant
- Dark mode support
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant