Skip to content

LiveIndicator ​

Dit si l'écran se met à jour tout seul.

Sans lui, une liste qui ne bouge plus après une coupure réseau ressemble à une liste à jour. Le point pulse en direct, clignote en connexion, s'éteint hors ligne ; le libellé est annoncé quand il change.

Installation ​

bash
sia-ui add live-indicator

Ou par le paquet, sans rien copier :

tsx
import { LiveIndicator } from "@sia-ui/react-web";

Props ​

PropTypeDéfautDescription
* status"open" | "connecting" | "closed"—L'état de la connexion — useRealtimeStatus(source) le fournit.
compactbooleanfalseLe point seul, le libellé restant pour les lecteurs d'écran.
labelsPartial<Record<LiveStatus, string>>—Les libellés de chaque état. Par défaut, ceux de la locale.

* obligatoire.

Voir aussi ​

Publié sous licence MIT.