Waiting for action
Deals over time line chart with neon spline, area fill, hover tooltip, and period selector. Line colours follow the live Base UI accent (purple → primary, blue → secondary). Wrap in DashboardContentContainer for the dashboard section shell.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Deals Over Time" | Widget heading shown in the header row. |
data | DealsOverTimePoint[] | — | Chart points with label, value, and optional tooltipLabel. |
maxValue | number | 100 | Y-axis maximum value. |
valueLabel | string | "Deals" | Tooltip value suffix. |
period | string | "This Year" | Selected period label. |
periodOptions | string[] | period presets | Period dropdown options. |
palette | "purple" | "blue" | "purple" | Chart color theme (neon purple or blue). |
onPeriodChange | (period) => void | — | Called when the period dropdown selection changes. |
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
