Status Badge
@velon-finance/ui · status: stable · molecule · domain
Status indicator that maps Velon transaction / charge / settlement states (pending, confirmed, completed, failed, expired, success, error, warning, info) to consistent icon + tone + label combinations.
Replaces per-app reimplementations across Velon-console, Velon-user and Velon-manager.
Overview
PendingConfirmedCompletedSuccessFailedExpiredWarningInfo
Sizes
SuccessSuccessSuccess
Custom labels (i18n)
Aguardando PIXPagoRecusado
Without icon
OKHold
Code
import { StatusBadge } from '@velon-finance/ui'
<StatusBadge status="completed" label="Pago" />
<StatusBadge status="failed" size="sm" />Status taxonomy
| Status | Tone | Icon | Use |
|---|---|---|---|
pending | warning | Clock | Aguardando ação (PIX a confirmar, KYC em revisão) |
confirmed | info | CheckCircle | Confirmado mas ainda não liquidado |
completed / success | success | CheckCircle | Operação finalizada com sucesso |
failed / error | danger | XCircle | Falha permanente |
expired | warning | AlertTriangle | TTL excedido (PIX expirado, allocation expirada) |
warning | warning | AlertTriangle | Atenção mas não erro |
info | info | Info | Destaque informativo |