Design system contents

Patterns

Apply the lesson

Support practical work that can happen after the video ends.

On this page

Task sequence

  • Write concrete, achievable action items in the lesson editor.
  • Present the same ordered actions beneath the lesson.
  • Allow independent completion of each action.
  • Keep useful links and worksheets nearby.

Data and persistence boundary

Action indices are persisted per lesson, independently of the lesson-complete flag. Reordering action items needs care because indices identify completion.

Failure and recovery

The current local toggle does not roll back a failed request. A future production improvement should restore the confirmed value or offer a visible retry.

Source references

Source references
FileResponsibility
src/components/LessonItem.tsxAction authoring
src/components/courses-public/logged-in/ActionChecklist.tsxLearner actions
src/components/courses-public/logged-in/PrivateCourseView.tsxPersistence

Interface examples

Native TeachKit interfaces with fictional course, account, and learner records. Service responses and media are isolated demonstrations; no customer data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Checklist · Component detail · Light · Desktop · 2280 × 894 px
Resources · Component detail · Light · Desktop · 2280 × 1302 px

Source audit: 2026-10-22 · Revision 903bbf05ca9d · Documentation v2.0.0