X Enterprises
nuxt-x-affiliate

ReferralLink

Referral link display with one-click copy-to-clipboard for the affiliate dashboard.

ReferralLink

The XAFReferralLink component displays the affiliate's unique referral URL in a styled read-only field with a copy button. Use it on the dashboard so affiliates can easily grab their link.

Components

Both props come from useAffiliate().

<XAFReferralLink
  :affiliate="affiliate"
  :referral-url="referralUrl"
/>

Props

PropTypeDefaultDescription
affiliateAffiliate | nullrequiredCurrent affiliate data (used for display name)
referralUrlstringrequiredFull referral URL to display and copy

AI Context

component: XAFReferralLink
package: "@xenterprises/nuxt-x-affiliate"
use-when: Affiliate dashboard widget showing the unique referral link with copy-to-clipboard
Copyright © 2026