Skeleton
Un componente segnaposto di caricamento con tre varianti di forma. Usa un'animazione a pulsazione per indicare lo stato di caricamento. Componi più skeleton per creare segnaposto di caricamento per schede, elenchi o contenuti.
Anteprima e Codice
_skeleton.html.erb
███
████████ █████████ █████████
██████
███ ██████ █████████████████████ ██
███ ██████ ██████████████████████ ████████ ███████ ██
███ ██████ ██████████████████████ ████████ ███████████ █████ ███ ██
███ ██████ ██████████████████████ ██████ ███████ ██
██
skeleton_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
████████ █ ███████ ██████ █████████████████
█████ █ █████ ██ ██████████
███████████ █████████ ██████ ██████
███ ███████████████████ ██████ █████ ████ ██████ ████ ████████████████
████████ █ ██████████████
skeleton_component.html.erb
████ ██████████ ████████████████ ██████████
Registro delle modifiche
- Initial release with text, circle, and rectangle variants
- Pulse animation for loading indication
- Size presets (sm, md, lg) for each variant
- Dark mode support
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora