Preview

Import

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

<CommitGrid
  data={[
    { date: "2026-04-23", count: 4 },
    { date: "2026-04-24", count: 8 },
  ]}
  weeks={12}
  responsive
/>

Prop	Type	Default	Description
`data`	`CommitDay[]`	—	—
`weeks`	`number`	`52`	Number of weeks to show.
`endDate`	`string`	—	Last date to render, formatted as YYYY-MM-DD. Defaults to the latest date in data.
`cellSize`	`number`	`12`	Size of each cell in px.
`responsive`	`boolean`	`false`	Fill the available width with equal square cells. Overrides `cellSize`.
`gap`	`number`	`2`	Gap between cells in px.
`color`	`string`	`var(--s-success)`	Color for filled cells.
`showDayLabels`	`boolean`	`true`	Day labels on left side.
`showMonthLabels`	`boolean`	`true`	Month labels on top.