example.json

    {
        "_id": "c-05",
        "_parentId": "b-05",
        "_type": "component",
        "_component": "narrative",
        "_classes": "",
        "_layout": "full",
        "title": "Narrative",
        "displayTitle": "Narrative",
        "body": "This is optional body text.",
        "instruction": "Select the next and back arrows to find out more.",
        "mobileInstruction": "Select the plus icon followed by the next arrow to find out more.",
        "_hasNavigationInTextArea": false,
        "_comment": "setCompletionOn = inview | allItems",
        "_setCompletionOn": "allItems",
        "_isTextBelowImage": false,
        "_isMobileTextBelowImage": false,
        "_isStackedOnMobile": false,
        "_items": [
            {
                "title": "Narrative item 1 title",
                "body": "This is display text 1. If viewing on desktop or tablet, this text will appear to the right of the image. On mobile, you’ll need to select the plus icon to reveal this text.",
                "_graphic": {
                    "src": "course/en/images/image-slider-1.jpg",
                    "alt": "",
                    "attribution": "Copyright © 2019"
                },
                "strapline": ""
            },
            {
                "title": "Narrative item 2 title",
                "body": "This is display text 2.",
                "_graphic": {
                    "src": "course/en/images/image-slider-2.jpg",
                    "alt": "",
                    "attribution": ""
                },
                "strapline": ""
            },
            {
                "title": "Narrative item 3 title",
                "body": "This is display text 3.",
                "_graphic": {
                    "src": "course/en/images/image-slider-3.jpg",
                    "alt": "",
                    "attribution": ""
                },
                "strapline": ""
            }
        ],
        "_pageLevelProgress": {
            "_isEnabled": true
        }
    }