Components
Public course introduction
Course identity, credibility, and enrollment before the first lesson.
On this page
Purpose and composition
PublicCourseView composes the course introduction, curriculum, reviews, and SignupSidebar. The shared header action follows the registration state.
Anatomy
- Title, instructor, and description
- Course cover/media
- Lesson outline
- Price and availability
- Enrollment action and supporting terms
Configuration and variants
| Input or variant | Contract |
|---|---|
| Course content | CourseHeader and CourseAbout supply identity and explanatory HTML. |
| Enrollment | SignupSidebar receives course IDs, owner state, price, refund policy, product, and closure state. |
| Header synchronization | CourseHeaderActionProvider mirrors the active enrollment destination and availability. |
States and feedback
Free, paid, closed, owner-preview, pending, and error states come from enrollment context. Displaying $49 is a fixture example, not a payment test.
Interaction and responsive behavior
Desktop uses a two-column introduction. On phones the media moves before the descriptive content, and the header retains brand and appearance controls.
Accessibility and known limits
Keep one coherent enrollment state across header and body. Explain closed registration in text and avoid presenting a disabled control without context.
Source references
| File | Responsibility |
|---|---|
| src/components/courses-public/logged-out/PublicCourseView.tsx | Public composition |
| src/components/courses-public/logged-out/SignupSidebar.tsx | Enrollment state |
| src/components/CourseHeaderAction.tsx | Header action |
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