Review Card

Customer reviews with ratings, helpful votes, and summary statistics.

Review Summary

4.8

256 reviews

5
189
4
42
3
15
2
7
1
3

Review Cards

Verified Buyer
Verified Buyer
2 days ago
Featured

Absolutely love this! The quality exceeded my expectations. Would definitely recommend to anyone.

C
Customer
1 week ago

Great product overall. Shipping was fast and packaging was excellent.

Usage

import { ReviewCard, ReviewSummary } from "@/components/profile"

<ReviewSummary
  averageRating={4.8}
  totalReviews={256}
  distribution={[
    { stars: 5, count: 189 },
    { stars: 4, count: 42 },
    // ...
  ]}
/>

<ReviewCard
  author={{ name: "Verified Buyer", verified: true }}
  rating={5}
  content="Amazing product!"
  date="2 days ago"
  helpful={24}
  variant="featured"
/>

Props

PropTypeDescription
authorAuthorname, avatar, verified
rating1-5Star rating
contentstringReview text
datestringReview date
helpfulnumberHelpful votes
variant"default" | "featured"Card style