Design system contents

Patterns

Edit course identity

Keep the public promise consistent with the course’s actual contents.

On this page

Task sequence

  • Name the outcome clearly in Basic Information.
  • Choose a representative cover and topic.
  • Write a concise description and useful course instructions.
  • Save and use the public course link to inspect the resulting introduction.

Data and persistence boundary

Course settings use their course editor/save hooks; lesson mutations use a separate queue. A locally edited field and a confirmed save are distinct states.

Failure and recovery

Retain edited values on failure and use the parent’s error feedback. A copied course URL is a convenience, not proof that the course is public or approved.

Source references

Source references
FileResponsibility
src/app/make-class/[classId]/basic-info/page.tsxIdentity fields
src/app/make-class/[classId]/instructions/page.tsxInstructions
src/hooks/useCourseEditor.tsCourse editing

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.

Course Details · Featured section · Light · Desktop · 2352 × 1944 px
Course Instructions · Featured section · Light · Desktop · 2352 × 1883 px

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