steep components
All components

ReviewCard

Single review card with optional helpful-button callback.

components/review-card.tsxPeer deps: lucide-react

Live preview

Verified Purchase

Worth every dollar

The tokens.css alone saved me half a day. Copy, paste, ship — exactly as advertised.

Jordan W.

Solid pack. Wish there was a checkout summary component but everything I needed for PDPs is here.

Sam P.

Usage

import { ReviewCard } from "@/components/review-card";

<ReviewCard
  rating={review.rating}
  title={review.title}
  body={review.body}
  isVerifiedPurchase={review.is_verified_purchase}
  helpfulCount={review.helpful_count}
  displayName={review.display_name}
  createdAt={review.created_at}
  onMarkHelpful={() => markHelpful(review.id)}
/>