<ul class="nav nav-tabs m-tabs position-relative pl-3 pr-3 pl-md-4 pr-md-4">

    <li class="nav-item active" role="presentation">
        <a href="#nav-files-advanced-radio" class="nav-link" id="nav-files-advanced-radio-tab" data-toggle="tab" href="#nav-files-advanced-radio" role="tab" aria-controls="nav-files-advanced-radio" aria-selected="true">Bestanden<span class="ml-2"><span class="badge -count d-table font-weight-bold rounded-sm -left">2</span>
            </span></a>
    </li>

    <li class="nav-item" role="presentation">
        <a href="#nav-notes-advanced-radio" class="nav-link" id="nav-notes-advanced-radio-tab" data-toggle="tab" href="#nav-notes-advanced-radio" role="tab" aria-controls="nav-notes-advanced-radio" aria-selected="true">Notities<span class="ml-2"><span class="badge -count d-table font-weight-bold rounded-sm -left">2</span>
            </span></a>
    </li>

    <div class="nav-line"></div>
</ul>
<ul class="nav nav-tabs m-tabs position-relative{% if (element) and (fieldset == false) %} pl-3 pr-3 pl-md-4 pr-md-4{% endif %}">
    {% for item in items %}
        <li class="nav-item{% if item.class %} {{item.class}}{% endif %}" role="presentation">
            <a href="#nav-{{item.tab_title | safe}}" class="nav-link" id="nav-{{item.tab_title | safe}}-tab" data-toggle="tab" href="#nav-{{item.tab_title | safe}}" role="tab" aria-controls="nav-{{item.tab_title | safe}}" aria-selected="true">{{item.title | safe}}{% if item.count %}<span class="ml-2">{% render '@badge--count' %}</span>{% endif %}</a>
        </li>
    {% endfor %}
    <div class="nav-line"></div>
</ul>
{
  "tab_title": "",
  "count": false,
  "element": true,
  "fieldset": false,
  "items": [
    {
      "title": "Bestanden",
      "tab_title": "files-advanced-radio",
      "class": "active",
      "count": true
    },
    {
      "title": "Notities",
      "tab_title": "notes-advanced-radio",
      "count": true
    }
  ]
}

No notes defined.