Average rating with a star, total review count, and five rows showing per-star counts with an amber proportional bar.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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
}
]}
/>Status-page timeline where every day is a thin vertical tile colored by up, degraded, outage, or no-data state.
Real-time counter with a pinging status dot in the tone color, a large monospace value, and a per-second rate.
Dual-line sparkline overlaying the current period in tone and the previous period as a faint dashed baseline with a legend.
Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.
Radial progress gauge with a tone-colored arc, the percentage centered, and a caption line beside it.
Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.