Semi-circle gauge with a tone-colored arc that fills to the score, the number centered below, and a status line.
The import and the props worth knowing about, in one place.
import { Dashboard14 } from "@/components/beste/piece/dashboard14";
<Dashboard14
surface="card"
bordered={true}
inverted={false}
label="System health"
score={82}
status="Healthy"
tone="emerald"
/>Radial progress gauge with a tone-colored arc, the percentage centered, and a caption line beside it.
Service health rows with a pinging status dot, operational label, and a monospaced uptime percentage.
Real-time counter with a pinging status dot in the tone color, a large monospace value, and a per-second rate.
Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.