Ranked list where each row's background bar fills proportionally to its value, with the label on the left and the count on the right.
The import and the props worth knowing about, in one place.
import { Dashboard5 } from "@/components/beste/piece/dashboard5";
<Dashboard5
surface="card"
bordered={false}
inverted={false}
title="Top sources"
items={[
{
"label": "Direct",
"value": 4820
},
{
"label": "Google",
"value": 3610
},
{
"label": "Twitter",
"value": 1890
},
{
"label": "Referral",
"value": 980
}
]}
tone="primary"
/>