Design system contents

Components

Lesson links and downloads

Supporting resources with clear destinations and useful filenames.

On this page

Purpose and composition

LinksList and DownloadsList are separate resource groups below a lesson. Both omit records without URLs.

Anatomy

  • Group heading and icon
  • Resource anchor
  • Readable label or filename fallback

Configuration and variants

Configuration and variants
Input or variantContract
LinksList linksArray of url and label objects; absent labels fall back to the domain.
DownloadsList filesArray of url and label objects; absent labels fall back to the filename.
Download queryAppends a download query parameter; response headers still determine browser behavior.

States and feedback

Empty resources do not create a list. Example links and filenames describe the fictional lesson; no customer uploads are included.

Interaction and responsive behavior

Links open a new tab with noopener protection. Filenames and labels need to wrap on phones. The component is presentation, not a URL-validation or file-authorization boundary.

Accessibility and known limits

Use labels that describe the destination or file. Do not promise a download merely because the URL includes a query parameter; verify server delivery separately.

Source references

Source references
FileResponsibility
src/components/courses-public/logged-in/LinksList.tsxExternal resources
src/components/courses-public/logged-in/DownloadsList.tsxFile resources

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.

Resources · Component detail · Light · Desktop · 2280 × 1302 px

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