nuxt-x-affiliate
Review Card
Review summary card for listings — horizontal or vertical layout, image, meta, rating, excerpt.
Review Card
The XAFReviewCard component renders a single review summary for use in "Latest reviews", category indexes, and "Related reviews" lists. Two layouts: horizontal (image | text side-by-side on sm+) or vertical (image on top, text below).
Components
<XAFReviewCard />
<XAFReviewCard
title="Logitech MX Keys S review"
href="/reviews/mx-keys-s"
image="/img/mx-keys-s.jpg"
:rating="4.6"
excerpt="After 3 months of daily use, the MX Keys S is still our top wireless pick."
category="Wireless Keyboards"
published-at="2026-01-15"
updated-at="2026-02-10"
:reading-minutes="8"
layout="horizontal"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | Review title. |
href | string | required | Link target. |
image | string | — | Hero image URL. |
rating | number | — | Star rating 0–5. |
excerpt | string | — | Short excerpt (line-clamped to 3 lines). |
category | string | — | Category / tag pill. |
publishedAt | string | — | Published ISO date. |
updatedAt | string | — | Updated ISO date. Shown only if it differs from publishedAt. |
readingMinutes | number | — | Read-time in minutes. |
layout | 'horizontal' | 'vertical' | 'horizontal' | Layout orientation. |
AI Context
component: XAFReviewCard
package: "@xenterprises/nuxt-x-affiliate"
use-when: Review summary card for listings in horizontal or vertical layout with image, meta, rating, excerpt.