Rating Breakdown

Average rating with a star, total review count, and five rows showing per-star counts with an amber proportional bar.

4.6
1,284 reviews
5
980
4
208
3
62
2
24
1
10

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Dashboard19 } from "@/components/beste/piece/dashboard19";

<Dashboard19
  average={4.6}
  total={1284}
  reviewsLabel="reviews"
  rows={[
    {
      "stars": 5,
      "count": 980
    },
    {
      "stars": 4,
      "count": 208
    },
    {
      "stars": 3,
      "count": 62
    },
    {
      "stars": 2,
      "count": 24
    },
    {
      "stars": 1,
      "count": 10
    }
  ]}
/>