Fijn

Tabs component: Fieldset 

<ul class="nav nav-tabs m-tabs position-relative">

    <li class="nav-item active" role="presentation">
        <a href="#nav-tasks-fieldset" class="nav-link" id="nav-tasks-fieldset-tab" data-toggle="tab" href="#nav-tasks-fieldset" role="tab" aria-controls="nav-tasks-fieldset" aria-selected="true">Taken</a>
    </li>

    <li class="nav-item" role="presentation">
        <a href="#nav-attachment-fieldset" class="nav-link" id="nav-attachment-fieldset-tab" data-toggle="tab" href="#nav-attachment-fieldset" role="tab" aria-controls="nav-attachment-fieldset" aria-selected="true">Bijlage</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": true,
  "items": [
    {
      "title": "Taken",
      "tab_title": "tasks-fieldset",
      "class": "active"
    },
    {
      "title": "Bijlage",
      "tab_title": "attachment-fieldset"
    }
  ]
}

No notes defined.