Skeleton
Placeholder anime pour indiquer un chargement de contenu. Utilise une animation pulse sur un fond muted. Composez des Skeletons pour reproduire la structure du contenu a venir.
Texte
Simulez des lignes de texte avec des largeurs variees pour un rendu naturel.
Avatar + texte
Combinez un cercle (rounded-full) avec des barres de texte pour simuler un profil utilisateur en cours de chargement.
Card complete
Skeleton d'une carte avec avatar, image, texte et boutons d'action. Reproduit la structure d'une carte de contenu.
Timer (contexte speedcubing)
Skeleton specifique a l'interface du timer avec scramble, affichage du temps et liste de solves.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Classes CSS pour definir la taille et la forme. Utilisez h-* et w-* pour les dimensions, rounded-* pour la forme. |