Alert

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

Inline banner with an icon, title and description. Use for feedback that’s part of the page flow. for transient feedback that auto-dismisses, use Sonner / Toast (in #11).

Variants

Hold de 24h ativo

Depósitos PIX recentes ficam em hold por 24h antes de poderem ser sacados.

Pagamento confirmado

Recebido R$ 1.000,00 via Pix. Saldo já disponível na conta.

KYC pendente

Complete o KYC pra desbloquear transferências e saques.

Transação falhou

Não foi possível processar. Tente novamente ou contate o suporte.

Code

import { Alert, AlertTitle, AlertDescription } from '@velon-finance/ui'
import { AlertCircle } from 'lucide-react'
 
<Alert variant="warning">
  <AlertCircle className="h-4 w-4" />
  <AlertTitle>KYC pendente</AlertTitle>
  <AlertDescription>...</AlertDescription>
</Alert>

Card Form Field