Three server rows whose CPU and memory bars breathe with fresh readings every second, turning amber and red past their thresholds beside a live status dot.
The import and the props worth knowing about, in one place.
import { Monitoring23 } from "@/components/beste/piece/monitoring23";
<Monitoring23
servers={[
{
"name": "web-01",
"cpu": 42,
"memory": 61
},
{
"name": "web-02",
"cpu": 67,
"memory": 58
},
{
"name": "worker-01",
"cpu": 23,
"memory": 74
}
]}
warnAt={70}
criticalAt={90}
tone="primary"
bordered={false}
/>