About this piece
Meeting Density
Month-long sky-shaded heatmap that darkens with meeting load, paired with a quiet-to-packed legend.
Usage
The import and the props worth knowing about, in one place.
import { Calendar27 } from "@/components/beste/piece/calendar27";
<Calendar27
label="This week · meetings"
days={[
{
"label": "Mon",
"count": 3
},
{
"label": "Tue",
"count": 5
},
{
"label": "Wed",
"count": 4
},
{
"label": "Thu",
"count": 7
},
{
"label": "Fri",
"count": 4
}
]}
max={8}
bordered={false}
/>
