Learning Streak

14day streak
About this piece

Learning Streak

Streak card with a large day count over a row of seven day circles: kept days filled in the tone, today outlined, missed days muted.

Usage

The import and the props worth knowing about, in one place.

import { Education9 } from "@/components/beste/piece/education9";

<Education9
  days={14}
  label="day streak"
  week={[
    "done",
    "done",
    "done",
    "missed",
    "done",
    "today",
    "future"
  ]}
  tone="primary"
  bordered={false}
/>

More Education pieces

View all Education
24 lessons
Design systems for shipping teams
Hania Rani
Lesson 6
useEffect runs after the DOM commit, not during render.Cleanup runs before the next effect, and on unmount.
Ask Priya about the stale-closure example in office hours.
Spanish vocab12 due today
resolverReview
compartirLearning
bienvenidaMastered
You passed
8/ 10
Finished in 12:42
58%
React performance14 of 24 lessons completed
Refactoring a big list lesson
12:48
Refactoring a big list into virtualized rows