Design system contents

Patterns

Edit an active lesson

Choose the content type, make a focused change, and follow its save state.

On this page

Task sequence

  • Select the lesson from the curriculum.
  • Use Video for a connected provider selection or manual embed and duration.
  • Use Lesson text for formatted explanation.
  • Use Action Items, Links, and Downloads for practical supporting material.
  • Watch the live queue status before switching context or leaving.

Data and persistence boundary

Each lesson carries a revision. The parent serializes edits for that lesson and coordinates file operations with the same persistence boundary.

Failure and recovery

A stale-write response blocks further writes and preserves local text with the instruction to copy changes and reload. Do not silently overwrite a newer server revision.

Source references

Source references
FileResponsibility
src/components/LessonItem.tsxTab-specific editing
src/app/make-class/[classId]/video-lessons/page.tsxQueued mutation orchestration

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.

Lesson Editor · Component detail · Light · Desktop · Conflict · 2718 × 1764 px
Lesson Editor · Component detail · Light · Desktop · Video · 2718 × 1710 px
Lesson Editor · Component detail · Light · Desktop · Actions · 2718 × 1560 px
Lesson Editor · Component detail · Light · Desktop · Links · 2718 × 1449 px
Lesson Editor · Component detail · Light · Desktop · Downloads · 2718 × 1449 px
Lesson Editor · Component detail · Light · Desktop · Description · 2718 × 1479 px

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