Quick Action Button

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

Revolut-style circular action button with stacked label. Used in Wallet / Home / Card pages for top-level actions (“Send”, “Receive”, “Top up”).

Replaces ad-hoc inline implementations of this pattern across Velon-user.

Overview

Tones

Sizes

Code

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