Component gallery (Storybook)¶
Interactive visual reference for @lessonkit/react components—states, keyboard behavior, and compound layouts.
Published gallery: GitHub Pages
When to use Storybook vs other docs¶
Need |
Use |
|---|---|
Live component + when to use it (Read the Docs) |
|
Visual states and keyboard behavior |
Storybook (this page) |
Props contract and manifest mapping |
|
Copy-paste React + JSON pairs |
|
Hook and provider APIs |
Run locally (monorepo contributors)¶
From the repo root:
npm run build:packages
npm run storybook # http://localhost:6006
npm run build-storybook # static export → packages/react/storybook-static/
Story files live under packages/react/stories/. CI builds Storybook on every PR.
Coverage¶
Storybook demonstrates core structure (Course, Lesson, Quiz), P0 assessments (TrueFalse), and compound blocks (InteractiveBook, SlideDeck, InteractiveVideo, BranchingScenario, Embed, Chart, and others). The full block catalog lists all shipped types—Storybook coverage is expanding. See Block catalog for the complete list.