System status
A compact status panel listing services, each with a colored dot and an operational state.
The import and the props worth knowing about, in one place.
import { Indicator13 } from "@/components/beste/piece/indicator13";
<Indicator13
title="System status"
items={[
{
"label": "Scheduling",
"status": "Operational",
"tone": "emerald"
},
{
"label": "Billing sync",
"status": "Operational",
"tone": "emerald"
},
{
"label": "Records export",
"status": "Degraded",
"tone": "amber"
}
]}
/>Booking service
99.98%Last 45 days
A status card showing one service's uptime percentage above a dense strip of daily bars tinted by how that day went.
Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.