Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.
The import and the props worth knowing about, in one place.
import { Dashboard23 } from "@/components/beste/piece/dashboard23";
<Dashboard23
surface="card"
bordered={false}
inverted={false}
title="Traffic by device"
segments={[
{
"label": "Mobile",
"value": 58
},
{
"label": "Desktop",
"value": 34
},
{
"label": "Tablet",
"value": 8
}
]}
/>