Conversion funnel stages where each row's bar narrows against the top stage and a rose drop-off percentage marks churn.
The import and the props worth knowing about, in one place.
import { Dashboard6 } from "@/components/beste/piece/dashboard6";
<Dashboard6
surface="card"
bordered={true}
inverted={false}
stages={[
{
"label": "Visit",
"value": 12400
},
{
"label": "Sign-up",
"value": 3420
},
{
"label": "Active",
"value": 1980
},
{
"label": "Paid",
"value": 620
}
]}
tone="primary"
/>Ranked list where each row's background bar fills proportionally to its value, with index and count on either end.
Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.
Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.
Dashboard filter bar with a primary date-range button, a comparison-period dropdown, and a segment filter toggle.