Revenue split card with an SVG donut on the left showing weighted slices and a percentage legend on the right.
The import and the props worth knowing about, in one place.
import { Dashboard9 } from "@/components/beste/piece/dashboard9";
<Dashboard9
surface="card"
bordered={false}
inverted={false}
slices={[
{
"label": "Subscriptions",
"value": 52
},
{
"label": "One-time",
"value": 28
},
{
"label": "Add-ons",
"value": 14
},
{
"label": "Refunds",
"value": 6
}
]}
total="$48.2K"
totalLabel="Revenue"
/>