Reviews 15 block design & features
A product reviews dialog built with shadcn/ui Dialog, Dropdown Menu and Collapsible. The left column shows the average rating, the total review count, bars for each star level, quality scores such as comfort and durability, and a Write a review button.
The right column holds the review list under a sticky bar with Filter and Sort menus. Filter lets visitors tick star ratings and Sort offers options like most recent or highest rated. Each review shows its stars, date, title, comment, author with a verified badge, and a helpful button with a vote count. Clicking it casts a vote, outlining the button, filling the thumb and adding one to the count, and clicking again takes the vote back.
Clicking the chevron next to a review's stars expands that reviewer's quality scores and whether they recommend the product. On mobile the dialog opens as a bottom sheet and the filter and sort bar sticks to the bottom. The rating, counts, distributions and reviews are props.