Portfolio split shown as a single tonal bar with a matching percentage legend.
The import and the props worth knowing about, in one place.
import { Money13 } from "@/components/beste/piece/money13";
<Money13
title="Allocation"
slices={[
{
"label": "Equities",
"pct": 52
},
{
"label": "Bonds",
"pct": 24
},
{
"label": "Cash",
"pct": 14
},
{
"label": "Crypto",
"pct": 10
}
]}
bordered={false}
/>