Components

ReviewSummary

Displays aggregate rating data for a product.

<ReviewSummary productId="7654321098" className="my-summary" />

Prop	Type	Description
`productId`	string	Shopify product ID
`className`	string	CSS class name
`renderStars`	function	Custom star renderer: `(rating) => ReactNode`
`renderDistribution`	function	Custom distribution renderer

Displays paginated reviews with a “Load More” button.

<ReviewList
  productId="7654321098"
  perPage={10}
  sort="newest"
  renderReview={(review) => <MyCustomReview review={review} />}
/>

Prop	Type	Description
`productId`	string	Shopify product ID
`perPage`	number	Reviews per page (default: 10)
`sort`	string	Sort order: newest, oldest, highest, lowest, most_helpful
`renderReview`	function	Custom review renderer
`className`	string	CSS class name

Pure display component for star ratings.

<ReviewStars rating={4.5} size={20} color="#FFB800" />

Review submission form.

<ReviewForm
  productId="7654321098"
  onSuccess={() => alert('Thank you!')}
/>

Photo grid with lightbox.

<ReviewPhotos photos={['url1.jpg', 'url2.jpg']} />

Sort and filter controls.

<ReviewFilters
  onSortChange={(sort) => setSort(sort)}
  onRatingFilter={(rating) => setRating(rating)}
/>