HeatmapGrid
A HeatmapGrid component from the Sigil design system.
import { HeatmapGrid } from "@sigil-ui/components";
<HeatmapGrid>...</HeatmapGrid>
| Prop | Type | Default | Description |
|---|
data | HeatmapCell[][] | — | — |
xLabels | string[] | — | — |
yLabels | string[] | — | — |
min | number | — | Minimum value (maps to lowest intensity). |
max | number | — | Maximum value (maps to highest intensity). |
color | string | var(--s-primary) | Color for the high-intensity end. |
cellSize | number | 40 | Cell size in px. |
| CSS Variable | Purpose |
|---|
--s-primary | Primary |
--s-font-mono | Font mono |
--s-text-muted | Text muted |
--s-radius-sm | Radius sm |
--s-primary-contrast | Primary contrast |