Quick Action Button

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

Botão de ação circular no estilo Revolut com label empilhado. Usado nas páginas de Carteira / Home / Cartão para ações de primeiro nível (“Enviar”, “Receber”, “Recarregar”).

Substitui implementações inline ad-hoc desse padrão espalhadas pelo velon-app.

Visão geral

Tons

Tamanhos

Código

import { QuickActionButton } from '@velon-finance/ui'
import { ArrowUp } from 'lucide-react'
 
<QuickActionButton
  icon={<ArrowUp />}
  label="Send"
  onClick={openSendDialog}
/>