nuxt-x-affiliate
StatsCards
Stats overview cards showing clicks, conversions, total earnings, and pending payouts.
StatsCards
The XAFStatsCards component renders a grid of four metric cards at the top of the affiliate dashboard: clicks, conversions, total earnings, and pending payout. Feed it the stats object from useAffiliate().
Components
<XAFStatsCards />
<XAFStatsCards
:stats="stats"
currency="USD"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
stats | AffiliateStats | null | required | Stats data from useAffiliate().stats |
currency | string | 'USD' | Currency code for formatting monetary values |
AI Context
component: XAFStatsCards
package: "@xenterprises/nuxt-x-affiliate"
use-when: Top of the affiliate dashboard — summary metric cards for clicks, conversions, earnings, and pending