Heatmap
FREECalendar heatmap (contribution graph) with localized month and day names.
Installation
Terminal
npx @bloxa/cli add heatmap
# or: npx shadcn@latest add @bloxa/heatmapPackages installed automatically: motion
Examples
Contribution calendar
LessMore
API reference
Every component also accepts the props of the element it renders.
Heatmap
| Prop | Type | Default | Description |
|---|---|---|---|
| data | { date, value }[] | — | Daily values. |
| from / to | Date | — | Range; defaults to the past year. |
| weekStart | 0 | 1 | — | Week start; by locale. |
| levels / color / cell | number / string / number | 4 / accent / 12 | Color steps, color, cell size. |
| formatTooltip | (value, date) => string | — | Tooltip text. |