Components
Course information tabs
The retained instructions/about switch inside the updated lesson experience.
On this page
Purpose and composition
CourseInformationTabs groups supporting instructions and course background. This component retains its larger rounded treatment within the redesigned player.
Anatomy
- Instructions button
- About This Course button
- Active content panel
Configuration and variants
| Input or variant | Contract |
|---|---|
| instructions / about | HTML strings supplied by the course. Trust and sanitization are upstream responsibilities. |
| onTabChange | Optional callback observes the selected content. |
States and feedback
Instructions is the initial selection. About replaces the visible panel without route navigation.
Interaction and responsive behavior
Buttons update local selection. Content height follows the selected HTML rather than a forced fixed-height panel.
Accessibility and known limits
The source exposes ordinary buttons, without tab roles, aria-selected, or an associated tabpanel. Do not describe it as an accessible ARIA tabs implementation; preserve semantic content and address keyboard semantics in a future app change.
Source references
| File | Responsibility |
|---|---|
| src/components/courses-public/logged-in/CourseInformationTabs.tsx | Information switch |
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