Components
Curriculum and sorting
Reorder a course while keeping the active lesson easy to find.
On this page
Purpose and composition
The curriculum is the builder’s structural control: select, add, order, and remove lessons without opening multiple editors.
Anatomy
- Course curriculum heading and count
- Selected lesson row
- Reorder affordances
- Add lesson action
- Phone current-lesson selector
Configuration and variants
| Input or variant | Contract |
|---|---|
| Ordering | Parent sends the proposed order to the reorder endpoint before committing it. |
| Selection | The active ID chooses the single LessonItem. |
| New lesson | Create first, then select the returned lesson. |
States and feedback
Selected, pending, and structural-error states belong to the builder. A failed reorder retains a visible error instead of claiming the order was saved.
Interaction and responsive behavior
Use the current source’s pointer and keyboard sorting controls. The desktop rail becomes a compact selector below 768px.
Accessibility and known limits
Keep meaningful labels on arrow and drag controls. Preserve focus after structural actions; the visual screenshots do not prove all assistive-technology reorder announcements.
Source references
| File | Responsibility |
|---|---|
| src/app/make-class/[classId]/video-lessons/page.tsx | Curriculum operations |
| src/components/SortableLesson.tsx | Sortable lesson wrapper |
| src/components/LessonItem.tsx | Nested editable item sorting |
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.
Related topics
Source audit: 2026-10-22 · Revision 903bbf05ca9d · Documentation v2.0.0