What a page downloads, itemised, every figure counting up to its weight except the one that has nothing to count, which stays at zero while the total climbs past it.
The import and the props worth knowing about, in one place.
import { Monitoring24 } from "@/components/beste/piece/monitoring24";
<Monitoring24
surface="card"
bordered={false}
inverted={false}
title="Downloaded by this page"
rows={[
{
"label": "Markup",
"kb": 14
},
{
"label": "Styles",
"kb": 9
},
{
"label": "Fonts",
"kb": 31
},
{
"label": "Animation library",
"kb": 0
}
]}
totalLabel="Total"
unit="KB"
countMs={1100}
/>