AsyncState

Les trois états d'un chargement, au même endroit.

En attente, en erreur, ou vide : ce sont les mêmes trois cas à chaque écran, et les écrire à la main en oublie toujours un — le plus souvent le vide, qui ressemble à un chargement qui n'en finit pas.

Installation

sia-ui add async-state

Ou par le paquet, sans rien copier :

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

Props

Prop	Type	Défaut	Description
alertProps	Partial<Omit<AlertProps, "children">>	—	Les props de l'Alert d'erreur — un autre titre, un autre ton. Sans children : le message est error.
empty	boolean	—
emptyDescription	ReactNode	—
emptyStateProps	EmptyStateProps	—	Les props de l'EmptyState — une icône, une action, la taille.
emptyTitle	ReactNode	—
error	ReactNode	—
loading	boolean	—
onRetry	() => void	—
retryButtonProps	Partial<Omit<ButtonProps, "onClick">>	—	Les props du bouton « Réessayer ». Sans onClick, branché sur onRetry : un bouton de reprise qui ne reprend rien serait pire que pas de bouton.
spinnerProps	Partial<Omit<SpinnerProps, "label">>	—	Le témoin de chargement. Son libellé vient de la locale.

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.