<ul class="Tablist">
    <li><a href="#panel1" class="Tab" aria-selected="true">
Panel 1
</a></li>
    <li><a href="#panel2" class="Tab">
Panel 2
</a></li>
    <li><a href="#panel3" class="Tab">
Panel 3
</a></li>
</ul>
<ul class="Tablist">
  {% for tab in tabs %}
    <li>{% include '@tab' with tab %}</li>
  {% endfor %}
</ul>
{
  "tabs": [
    {
      "tabText": "Panel 1",
      "panelId": "panel1",
      "tabIsSelected": true
    },
    {
      "tabText": "Panel 2",
      "panelId": "panel2"
    },
    {
      "tabText": "Panel 3",
      "panelId": "panel3"
    }
  ]
}

There are no notes for this item.