Streak
Pro
A week of daily check-ins with a flame that pops each time the streak grows.
3day streak
- M
- T
- W
- T
- F
- S
- S
Customize
3
Installation
Streak is part of Pro. After purchase you're invited to the private mekai-ui/mekai-ui-pro GitHub repository: copy streak.tsx and icons.tsx into components/ui and run npm install motion.
Usage
import { Streak } from "@/components/ui/streak";
<Streak days={user.streakDays} />Props
2 properties| Property | Type | Default | Description |
|---|---|---|---|
| days | number | — | Consecutive days completed this week, from 0 to 7. |
| className | string | — | Extra classes for the wrapper. |
Dependencies: motion