Preview

Import

import { HeatmapGrid } from "@sigil-ui/components";

<HeatmapGrid
  xLabels={["Mon", "Tue", "Wed", "Thu", "Fri"]}
  yLabels={["9am", "12pm", "3pm", "6pm"]}
  data={matrix}
  cellSize={40}
/>

Prop	Type	Default	Description
`data`	`HeatmapCell[][]`	—	2D array of cell values
`xLabels`	`string[]`	—	Column labels
`yLabels`	`string[]`	—	Row labels
`min`	`number`	auto	Minimum value for color scale
`max`	`number`	auto	Maximum value for color scale
`color`	`string`	`var(--s-primary)`	High-intensity cell color
`cellSize`	`number`	`40`	Cell size in px