Utilization bar for CPU, memory, disk, or network with a recolorable fill and matching percentage label.
The import and the props worth knowing about, in one place.
import { Monitoring2 } from "@/components/beste/piece/monitoring2";
<Monitoring2
surface="card"
bordered={false}
inverted={false}
resource="cpu"
value={72}
tone="primary"
cpuLabel="CPU"
memoryLabel="Memory"
diskLabel="Disk"
networkLabel="Network"
/>