PackageFrame

learning · static (no JavaScript) · no children. All components: component playground.

Description for the model

A packaged activity (SCORM) in a frame, with a link to open it full screen.

Live example

Rendered from the example props below with the real component. Theme: coffee · oncall · nightsky · gravity · poland · ulam · platform · open on its own

Example

{
  "component": "PackageFrame",
  "props": {
    "src": "https://example.org/scorm/launch.html",
    "title": "SCORM: Brewing safety",
    "height": 600,
    "isolated": true
  }
}

Props

Prop	Type	Required	Notes
src	string (href)	yes	Player URL. max length 2048
title	string	yes	Title. max length 160
height	integer		Frame height px. ≥ 0, default 640
isolated	boolean		Third-party package on the tenant content origin: sandboxed frame, no full-screen link (the URL carries a one-off token). default false
id	string		Anchor id for in-page links (letters, digits, dashes). max length 40

Text fallback

What a text-only client, an unknown renderer or a plain-text channel shows for the example above.

SCORM: Brewing safety: https://example.org/scorm/launch.html

Invalid props

A node whose props fail the schema never breaks the page: the renderer shows the plain-text fallback instead (and logs the issues in development).

{
  "src": "data:text/html,x",
  "title": "x"
}

Issues:

• /src unsafe or empty link

Rendered as:

x: data:text/html,x

Accessibility

axe-core: 7 rules passed, 0 violations, 1 need manual review. Run at build time on the server-rendered HTML in jsdom. Colour contrast and layout rules need a browser and are covered by the Playwright axe scans of the reference frontend.