QuickWalletActions

Open in Storybook

Interactive Demo

Usage

<script setup>
import { QuickWalletActions } from '@yellowcard/b2b-design-system';
</script>

<template>
  <QuickWalletActions />
</template>

API Reference

Props

Prop	Type	Default	Description
canReceive	boolean	true	Whether receive action is enabled
canSend	boolean	false	Whether send action is enabled
canConvert	boolean	false	Whether convert action is enabled
receiveLabel	string	'Receive'	Label for receive button
sendLabel	string	'Send'	Label for send button
convertLabel	string	'Convert'	Label for convert button
ariaLabel	string	'Quick actions'	Accessible label for the action button group
loading	boolean	false	Show skeleton placeholders while data is loading
loadingLabel	string	'Loading action'	Accessible label announced for each skeleton while loading

Events

Event	Payload	Description
action-click	ActionType