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"
}
]}
bordered={false}
/>