nuxt-x-affiliate
Best For
Best for X
Best For
The XAFBestFor component is a small inline pill that says "Best for {persona}" — e.g. "Best for writers", "Best for budget shoppers", "Best for Mac users". Useful on product cards and review headers to convey at a glance who a product suits.
Components
<XAFBestFor />
<XAFBestFor best-for="Writers" />
<XAFBestFor best-for="Mac users" variant="prominent" icon="🍎" />
<XAFBestFor best-for="Budget shoppers" variant="compact" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
bestFor | string | required | The persona label (e.g. "Writers"). |
icon | string | variant default | Optional leading icon. Defaults: → for default/compact, ★ for prominent. |
variant | 'default' | 'compact' | 'prominent' | 'default' | Visual variant. |
AI Context
component: XAFBestFor
package: "@xenterprises/nuxt-x-affiliate"
use-when: "Best for X" badge in default / compact / prominent variants for product cards and review headers.