nuxt-x-affiliate
Share Review
Share buttons for review pages — Twitter, Facebook, LinkedIn, Reddit, WhatsApp, Email, Copy link.
Share Review
The XAFShareReview component renders a row of share buttons targeting Twitter, Facebook, LinkedIn, Reddit, WhatsApp, Email, and Copy Link. Targets are clickable except copy, which uses navigator.clipboard.writeText() and shows a "Copied!" state.
Components
<XAFShareReview />
<XAFShareReview
heading="Share this review"
variant="pills"
:summary="logitechSummary"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
url | string | window.location.href | URL to share. |
title | string | page <title> | Title to share. |
summary | string | — | Summary used for Twitter / email body. |
targets | ShareTarget[] | all 7 | Which targets to show and in what order. Each carries id, label, optional icon and enabled. |
variant | 'pills' | 'icons' | 'buttons' | 'pills' | Visual variant. |
heading | string | "Share this review" | Section heading. |
Defaults to the current page URL and <title> if url and title are not provided. Each social link opens in a new tab with rel="noopener noreferrer nofollow".
AI Context
component: XAFShareReview
package: "@xenterprises/nuxt-x-affiliate"
use-when: Share buttons for review pages — Twitter / Facebook / LinkedIn / Reddit / WhatsApp / Email / Copy link.