GuillocheDocs GitHub v2.0.0

Spinner

Indicateur de chargement autonome

Voir la source

primitives v1.7.0 ui:Spinner

Exemples

Aperçu

<div class="ds__specimen">
  <twig:ui:Spinner label="Chargement" />
  <twig:ui:Spinner size="lg" />
</div>

Props

PropDéfautRôle
labelnullNom accessible ; sans label, le spinner est decoratif
sizemd`sm`, `md`, `lg`

Accessibilité

  • Avec label, le spinner porte rôle="status" et aria-label. Sans label, il est aria-hidden="true" : ne jamais laisser un chargement muet, l'annonce doit exister ailleurs.

README complet et exemples de la recette