ButtonWallet
Ce contenu n’est pas encore disponible dans votre langue.
ButtonWallet(
args):Element|null
Defined in: vendor/wallet/sdk/components/src/components/ButtonWallet/ButtonWallet.tsx:100
Floating circular button that opens the Frak sharing page.
Historically this opened the embedded wallet drawer; that surface was
retired, so the button now routes to the full-page sharing UI like every
other share CTA. The frak-button-wallet tag name is kept because it is
public API (merchant markup, Magento template).
Parameters
Section titled “Parameters”classname?
Section titled “classname?”string = ""
Classname to apply to the button
placement?
Section titled “placement?”string
targetInteraction?
Section titled “targetInteraction?”"referral" | "create_referral_link" | "purchase" | `custom.${string}`
Target interaction behind this sharing action (will be used to get the right reward to display)
useReward?
Section titled “useReward?”boolean
Do we display the reward on the button?
Default Value
false
Returns
Section titled “Returns”Element | null
The wallet button with <button> tag
Examples
Section titled “Examples”Basic usage:
<frak-button-wallet></frak-button-wallet>Using a custom class:
<frak-button-wallet classname="button button-primary"></frak-button-wallet>Using reward information:
<frak-button-wallet use-reward></frak-button-wallet>Using reward information for specific reward:
<frak-button-wallet use-reward target-interaction="custom.customerMeeting"></frak-button-wallet>Using placement:
<frak-button-wallet placement="hero-wallet"></frak-button-wallet>- `displaySharingPage()` for more info about the sharing page
- `getMerchantInformation()` for more info about the estimated reward fetching