Review

ReviewCard

Display a single product review with author, rating, title, and body.

ReviewCard

Renders a product review card with author info, optional verified badge, star rating, review title, and body text.

Preview
Verified Dec 15, 2024

Absolutely love these headphones!

The sound quality is incredible and the noise-cancelling is perfect for my daily commute. Battery lasts forever. Highly recommend!

Usage

<CReviewCard :review="review" />

Example Data

const review = {
  id: '1',
  author: 'Ahmed',
  rating: 4,
  title: 'Great quality',
  body: 'The product exceeded my expectations.',
  verified: true,
  createdAt: '2024-01-15T10:00:00Z',
}

Props

PropTypeDefaultDescription
reviewReviewrequiredReview data
uiPartial<{...}>Per-instance theme overrides

Slots

SlotScoped PropsDescription
rating{ rating }Custom star display
author{ author }Custom author name
verified{ verified }Custom verified badge
date{ date }Custom date display
title{ title }Custom title
body{ body }Custom body content