About this piece
Learning Streak
Streak card with a flame badge, seven-day dot grid, and an encouraging caption underneath.
Usage
The import and the props worth knowing about, in one place.
import { Education9 } from "@/components/beste/piece/education9";
<Education9
days={14}
caption="Show up tomorrow to keep it alive."
week={[
"done",
"done",
"done",
"missed",
"done",
"today",
"future"
]}
tone="orange"
/>More Education pieces
View all Education24 lessons
Design systems for shipping teams
Beste Sözen6h 42m
58%
Course Card
Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.
12:48
Chapter 4 · PerformanceRefactoring a big list into virtualized rows
Video Lesson
Video lesson card with a play thumbnail, duration badge, watched bar, and a chapter eyebrow.
Spanish vocab · Unit 412 due today
resolverReview
compartirLearning
el idiomaNew
bienvenidaMastered
Flashcard Deck
Spaced-repetition deck summary with italic card fronts and new, learning, review, or mastered pills.
Lesson 6 · Hooks in depth
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.Lesson Highlights
Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.