Badge

@velon-finance/ui · status: stable · atom

Small status indicator. Seven variants cover the semantic states used across the platform.

Variants

When to use which variant

• default / secondary. neutral classification (a tag, a category)
• success. operação concluída com êxito (PIX confirmado, transferência liquidada)
• warning. atenção, mas não erro (KYC pendente, hold de 24h)
• danger. falha (charge falhou, transação rejeitada)
• info. destaque informativo (novo, beta, atualização)
• outline. quando precisa de menor peso visual

Code

import { Badge } from '@velon-finance/ui'
 
<Badge variant="success">Pago</Badge>