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
| Prop | Type | Default | Description |
|---|---|---|---|
review | Review | required | Review data |
ui | Partial<{...}> | — | Per-instance theme overrides |
Slots
| Slot | Scoped Props | Description |
|---|---|---|
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 |