Average rating with a star, total review count, and five rows showing per-star counts with an amber proportional bar.
New here? Read the installation guide.
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
}
]}
/>Ranked list where each row's background bar fills proportionally to its value, with index and count on either end.
Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.
Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.
Service health rows with a pinging status dot, operational label, and a monospaced uptime percentage.