Passage

Use it in an item

Map the tag to an exact package version and match the model ID to the markup. The item player loads the views. You can use any frontend framework.

{
  "elements": {
    "passage": "@pie-element/passage@8.0.4"
  },
  "markup": "<passage id=\"example\"></passage>",
  "models": [
    {
      "id": "example",
      "element": "passage",
      "passages": [
        {
          "teacherInstructions": "Teacher instructions for first tab",
          "title": "Hope Is the Thing with Feathers",
          "subtitle": "from <em>The Complete Poems of Emily Dickinson</em>",
          "author": "by Emily Dickinson",
          "text": "<p><font style=\"visibility:hidden\">00000</font>Hope is the thing with feathers<br /><font style=\"visibility:hidden\">00000</font>That perches in the soul,<br /><font style=\"visibility:hidden\">00000</font>And sings the tune without the words,<br /><font style=\"visibility:hidden\">00000</font>And never stops at all,</p><p>5<font style=\"visibility:hidden\">0000</font>And sweetest in the gale is heard;<br /><font style=\"visibility:hidden\">00000</font>And sore must be the storm<br /><font style=\"visibility:hidden\">00000</font>That could abash the little bird<br /><font style=\"visibility:hidden\">00000</font>That kept so many warm.</p><p><font style=\"visibility:hidden\">00000</font>I&#8217;ve heard it in the chillest land,<br />10<font style=\"visibility:hidden\">000</font>And on the strangest sea;<br /><font style=\"visibility:hidden\">00000</font>Yet, never, in extremity,<br /><font style=\"visibility:hidden\">00000</font>It asked a crumb of me.</p>"
        },
        {
          "title": "Ineskeen Road, July Evening",
          "text": "The bicycles go by in twos and threes -<br/>\n        There's a dance in Billy Brennan's barn tonight,<br/>\n        And there's the half-talk code of mysteries<br/>\n        And the wink-and-elbow language of delight.<br/>\n        Half-past eight and there is not a spot<br/>\n        Upon a mile of road, no shadow thrown<br/>\n        That might turn out a man or woman, not<br/>\n        A footfall tapping secrecies of stone. <br/>\n        <p/>\n        I have what every poet hates in spite<br/>\n        Of all the solemn talk of contemplation.<br/>\n        Oh, Alexander Selkirk knew the plight<br/>\n        Of being king and government and nation.<br/>\n        A road, a mile of kingdom. I am king<br/>\n        Of banks and stones and every blooming thing.<br/>\n        "
        }
      ]
    }
  ]
}

Embed an item · Embed authoring · Print integration

Responses and scoring

This element displays content and collects no scored response.

Scoring, partial credit and rubrics →

Model, configuration and session reference

The model holds content, configuration controls the editor, and the session holds the response. Fields below come from generated JSON Schemas.

Schema version: @pie-element/passage@8.0.6. Example version: 8.0.4. Use the schema matching your content. Schema checks cover data structure; controller validation checks authoring rules.

How to use the schemas →

Accessibility and content requirements

PIE targets WCAG 2.2 AA. Provide clear prompts and media alternatives, and test the question with a keyboard and assistive technology. Manual testing is still incomplete; see the coverage notes below.

Accessibility and evidence · Element evidence and manual checks(opens in new tab)