Ada Lovelace
Principal engineer · enjoys skeletons that never shift the layout.
Vetrina
Attiva una qualsiasi demo per vedere il contenuto reale trasformarsi in uno skeleton che preserva il layout.
Skeletonizzazione automatica
Markup arbitrario
Il motore classifica e dipinge le ossa sul posto.
Contenuto misto
Titoli, testo, badge e pulsanti.
Note di rilascio
Un riepilogo conciso di ciò che è cambiato in questa versione, comprese correzioni e miglioramenti.
v0.1.0
Primitive manuali
SkeletonBlock
Una singola osso dimensionata.
SkeletonText
Testo multiriga, ultima riga più corta.
SkeletonAvatar
Avatar circolare o quadrato.
SkeletonImage
Placeholder media con proporzioni.
SkeletonButton
Osso a forma di pulsante.
SkeletonCard
Composizione media + intestazione + corpo.
SkeletonList
Righe ripetute avatar + testo.
SkeletonTable
Intestazione + griglia di celle.
Animazioni
wave
Stesso contenuto, preset diverso.
Osso animato
Passa sopra per confrontare ritmo e resa.
pulse
Stesso contenuto, preset diverso.
Osso animato
Passa sopra per confrontare ritmo e resa.
fade
Stesso contenuto, preset diverso.
Osso animato
Passa sopra per confrontare ritmo e resa.
gradient
Stesso contenuto, preset diverso.
Osso animato
Passa sopra per confrontare ritmo e resa.
shine
Stesso contenuto, preset diverso.
Osso animato
Passa sopra per confrontare ritmo e resa.
Direttive
v-skeleton-keep
Il badge resta reale mentre il resto viene trasformato in skeleton.
LIVE
Questo paragrafo viene trasformato in skeleton, ma il badge LIVE resta visibile.
v-skeleton-union
Comprimi una riga in un’unica osso.
- Elemento 1
- Elemento 2
- Elemento 3