Indicator Component

Placements

Trois alignements horizontaux × trois positions verticales. Le défaut estend / top, soit le coin haut-droit.

Compteur de panier

Descends le compteur à zéro : la pastille disparaît entièrement au lieu d'afficher un « 0 ». C'est le comportement d'un item falsy — aucun indicator-item n'est émis.

Montage accessible retenu ici : le bouton porte le nom complet (aria-label) et la pastille estaria-hidden — sans quoi un lecteur d'écran annoncerait « 3 » avant « Panier », le chiffre seul ne voulant rien dire.

Plusieurs pastilles

Les modificateurs de placement portent sur l'item, donc un même conteneur peut en ancrer plusieurs à des coins différents. On passe alors desIndicatorItem en enfants plutôt que la prop item.

Largeur

Le conteneur est inline-flex enwidth: max-content : il se colle à son enfant. Envelopper un contrôle pleine largeur le rétrécit, sauf à redonner la largeur au conteneur.