Composed
Guides
Modules, lessons, chapters and the panel rail for a course player.
Installation
npx shadcn@latest add https://ui.whoisroktim.lol/r/guides.jsonLesson state is a progression
done, current and locked are points on a path, not independent flags. Only
one lesson is current, and locked renders muted with no affordance — a lesson
you cannot start should not look clickable.
Chapters are timestamps
ChapterRow marks position within one lesson; LessonRow marks position within
a module. They look different because confusing the two loses your place.
| Prop | Type | Default | Description |
|---|---|---|---|
| state | "done" | "current" | "locked" | — | LessonRow. |
| expanded / onToggle | boolean / () => void | — | ModuleRow. |
| count | string | — | ModuleRow. Progress as "2 / 6". |
| current | boolean | false | ChapterRow. The chapter now playing. |