nuxt-x-affiliate
Sponsored Content Disclosure
Sponsored-content notice in inline / banner / compact variants. Opt-in via xAffiliate.legal.optIn.sponsoredContent.
Sponsored Content Disclosure
The XAFSponsoredContentDisclosure component renders a short, opt-in notice that a post contains paid sponsored content. Three visual variants cover the common placements: inline paragraph, banner at the top of the page, and compact chip.
Components
<XAFSponsoredContentDisclosure />
<XAFSponsoredContentDisclosure variant="banner" />
<XAFSponsoredContentDisclosure variant="compact" />
<XAFSponsoredContentDisclosure variant="inline" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | built-in | Override the disclosure body. |
link | string | {legal.baseUrl}/sponsored-content | Override the linked policy URL. |
linkLabel | string | "Read our sponsored content policy" | Override the link label. |
variant | 'inline' | 'banner' | 'compact' | 'inline' | Visual variant. |
Opt-in wiring
Set xAffiliate.legal.optIn.sponsoredContent = true in app.config.ts to flag your site as accepting paid content. The component itself is always renderable — the opt-in flag is a site-level declaration, not a render gate.
AI Context
component: XAFSponsoredContentDisclosure
package: "@xenterprises/nuxt-x-affiliate"
use-when: Sponsored-content notice in inline / banner / compact variants. Opt-in via xAffiliate.legal.optIn.sponsoredContent.