nuxt-x-affiliate
Testimonials
Reader testimonial grid or stacked list — optional star rating, source, date.
Testimonials
The XAFTestimonials component renders a grid (default) or stacked list of reader testimonials — useful for the home page, About page, or product detail "What people are saying" sections. Each card includes the quote text, source, role, and optional star rating + date.
Components
<XAFTestimonials />
<XAFTestimonials
title="What readers are saying"
layout="grid"
:items="[
{ text: 'Best mechanical keyboard review site on the internet.', source: { name: 'Alex P.', role: 'Reader since 2024' }, rating: 5, date: '2026-02-15' },
{ text: 'I trust their picks over anyone else.', source: { name: 'Sam T.', role: 'Subscriber' }, rating: 5 },
{ text: 'The methodology pages are gold.', source: { name: 'Jordan L.', role: 'Industry pro' } },
]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | Testimonial[] | required | Each testimonial: { text, source: QuoteSource, rating?, date? }. |
title | string | "What Readers Are Saying" | Section heading. |
layout | 'grid' | 'list' | 'grid' | 1/2/3-column responsive grid, or stacked list. |
Testimonial shape
interface Testimonial {
text: string
source: QuoteSource // { name, role?, href? }
rating?: number // 0-5
date?: string // ISO
}
AI Context
component: XAFTestimonials
package: "@xenterprises/nuxt-x-affiliate"
use-when: Reader testimonial grid or stacked list with optional star rating, source, and date.