{
        "_id":"c-230-b-02",
        "_parentId":"b-230-b-02",
        "_type":"component",
        "_component":"tabs",
        "_classes":"",
        "_layout":"full",
        "title":"Tabs with Image and Text",
        "displayTitle":"Tabs with Image and Text",
        "body":"Tabs are an effective way to present content into small chunks for better comprehension. In this component, there are three tabs that can be used to present three related concepts or three independent ideas as per the context. Each tab displays its content on click, supported by a relevant image for visual retention. Insert generic information about the contents of the tabs in the dedicated body text above the tabs.<br><br>On <strong>tablet devices</strong> and <strong>smartphones</strong>, this component resizes with no change in layout.",
        "instruction": "Select each tab to learn more.",
        "_tabLayout": "top",
        "_items": [
            {
                "title": "Tab Item 1 Heading",
                "body": "Tab Item 1 content",
                "graphic": "course/en/images/blinds-3.jpg",
                "tab-icon": "",
                "tabText": "Tab Item 1 Heading",
                "tabGraphic": "course/en/images/blinds-2.jpg"
            },
            {
                "title": "Tab Item 2 Heading",
                "body": "Tab Item 2 content",
                "graphic": "course/en/images/blinds-4.jpg",
                "tab-icon": "",
                "tabText": "Tab Item 2 Heading",
                "tabGraphic": "course/en/images/blinds-2.jpg"
            },
            {
                "title": "Tab Item 3 Heading",
                "body": "Tab Item 3 content",
                "graphic": "course/en/images/blinds-2.jpg",
                "tab-icon": "",
                "tabText": "Tab Item 3 Heading",
                "tabGraphic": "course/en/images/blinds-2.jpg"
            }
        ]
    }