Active days
A month at a glance: every day carries its own small rings. Today is outlined; days still to come stay faint.
Preview
Most active days
32,459messages
July
Jul
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Reading it
Each day repeats the three rings of the activity card at 24px, so the month and the day read the same way.
Usage
import { ActiveDays, ChartCard } from "@/charts";
<ChartCard title="Most active days" value="32,459" unit="messages" range="July">
<ActiveDays month="Jul" days={31} firstWeekday={2} today={10} />
</ChartCard>