Dashboard filter bar with a primary date-range button, a comparison-period dropdown, and a segment filter toggle.
The import and the props worth knowing about, in one place.
import { Dashboard7 } from "@/components/beste/piece/dashboard7";
<Dashboard7
surface="card"
bordered={true}
inverted={false}
range="Apr 1 – Apr 21"
compare="vs previous"
segment="All segments"
/>Ranked list where each row's background bar fills proportionally to its value, with index and count on either end.
Conversion funnel stages where each row's bar narrows against the top stage and a rose drop-off percentage marks churn.
Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.
Dual-line sparkline overlaying the current period in tone and the previous period as a faint dashed baseline with a legend.