Smooth animated line charts for time-series data visualization with clean, minimal styling.
npx linspo-ui add line-chartlucide-reactLast 8 periods
94
| Prop | Type | Default | Description |
|---|---|---|---|
data* | LineChartDataPoint[] | — | Array of data points with label and value properties. |
className | string | — | Additional CSS classes to apply to the container. |
title | string | — | Title displayed in the chart header. |
metric | string | "Revenue Growth" | Label for the metric being displayed. |
showGrid | boolean | true | Whether to show grid lines. |
showDots | boolean | true | Whether to show data point dots. |
areaFill | boolean | true | Whether to fill the area under the line. |
animated | boolean | true | Whether to animate on mount. |
color | string | "hsl(221 83% 53%)" | Color of the line and fill gradient. |