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}
/>