nuxt-x-affiliate
Quote
Pull-quote with optional source attribution — blockquote or inline variant.
Quote
The XAFQuote component renders a pull-quote from a source — blockquote by default with a left border, or inline (<q> element) when embedded in a sentence. Useful for highlighting a single sentence from a customer testimonial, a press quote, or a snippet of the review's own body.
Components
<XAFQuote />
<XAFQuote
text="It's the keyboard I've been waiting for."
:source="{ name: 'Wirecutter', role: 'Senior Staff Writer', href: 'https://www.nytimes.com/wirecutter/reviews/best-keyboards/' }"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | required | Quote body. |
source | QuoteSource | — | Optional { name, role?, href? }. |
asBlockquote | boolean | true | true = full blockquote with attribution; false = inline <q>. |
Distinct from <XAFExpertQuote>: this is for general pull-quotes (a single sentence), while Expert Quote is for named-expert credit on YMYL content with full credentials and avatar.
AI Context
component: XAFQuote
package: "@xenterprises/nuxt-x-affiliate"
use-when: Pull-quote with optional source attribution, blockquote or inline variant.