Alert

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

Banner inline com ícone, título e descrição. Use para feedback que faz parte do fluxo da página. Para feedback transitório que some sozinho, use Sonner / Toast (no #11).

Variantes

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.

Código

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