Composant · Chat

MessageStatusBadge

Stable

Expose visuellement un statut standardisé d’un message, incluant une tonalité dérivée.

En attente En cours Terminé Échec

Voir le code (Svelte)

<MessageStatusBadge status="pending" />
<MessageStatusBadge status="processing" />
<MessageStatusBadge status="completed" />
<MessageStatusBadge status="failed" />

Badges de statut

En attente En cours Terminé Échec

Voir le code (Svelte)

<MessageStatusBadge status="pending" />
<MessageStatusBadge status="processing" />
<MessageStatusBadge status="completed" />
<MessageStatusBadge status="failed" />

Overrides

En attente Terminé Échec En cours

Voir le code (Svelte)

<MessageStatusBadge status="pending" tone="neutral" />
<MessageStatusBadge status="completed" tone="info" />
<MessageStatusBadge status="failed" tone="error" />
<MessageStatusBadge status="processing" tone="success" />

Mapping recommandé

pending → label En attente / tone warning
processing → label En cours / tone info
completed → label Terminé / tone success
failed → label Échec / tone error

API

Prop	Description
`status`	Requis. `pending \| processing \| completed \| failed`.
`tone`	Override visuel: neutral / success / warning / error / info.
`labels`	Surcharge i18n des libellés par statut (défaut : FR).
`class`	Classes additionnelles.

Tokens utilisés

Le rendu est délégué à Tag : la tonalité consomme les tokens sémantiques de feedback ci-dessous (la pastille hérite de currentColor).

--st-semantic-feedback-info
--st-semantic-feedback-success
--st-semantic-feedback-warning
--st-semantic-feedback-error
--st-radius-pill