nuxt-x-affiliate
Submit CTA
List your product
Submit CTA
The "list your product" pitch for a directory: headline, blurb, a checklist of what a listing gets, and a call to action.
Distinct from the general-purpose <XAFCTA> — this is
the two-column submit panel with a feature checklist, a specific enough shape to be
worth its own component.
Components
<XAFSubmitCTA />
<XAFSubmitCTA
bg="gradient"
title="List your product"
description="Reach buyers actively searching for solutions like yours."
:features="['Free basic listing', 'Featured placement available', 'Analytics dashboard']"
:button="{ label: 'Submit a listing', to: '/submit' }"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | 'List your product' | Panel heading |
description | string | see default | Supporting paragraph |
button | { label, to } | Submit a listing → /submit | Call to action |
features | string[] | 3 defaults | Checklist of what a listing includes |
bg | 'subtle' | 'bold' | 'gradient' | 'subtle' | Panel background |
Slots
| Slot | Description |
|---|---|
action | Replace the CTA button entirely |
Tips
boldandgradientflip the copy to light-on-dark automatically.- The dot pattern only renders on the
subtlebackground; it would be lost against a saturated panel.
AI Context
component: XAFSubmitCTA
package: "@xenterprises/nuxt-x-affiliate"
use-when: Directory submit / 'list your product' pitch panel