Pleasance Styleguide

Tabs 

<ul class="nav nav-tabs">
    <li class="nav-item">
        <a href="#" class="nav-link">View</a>
    </li>
    <li class="nav-item">
        <a href="#" class="nav-link active">Edit</a>
    </li>
    <li class="nav-item">
        <a href="#" class="nav-link">Delete</a>
    </li>
    <li class="nav-item">
        <a href="#" class="nav-link">Revisions</a>
    </li>
</ul>
 
<ul class="nav nav-tabs">
  {% for item in items %}
  <li class="nav-item">
    <a href="{{ item.url }}" class="nav-link{% if item.active %} active{% endif %}">{{ item.label }}</a>
  </li>
  {% endfor %}
</ul>
 
{
  "items": [
    {
      "label": "View",
      "url": "#"
    },
    {
      "label": "Edit",
      "url": "#",
      "active": true
    },
    {
      "label": "Delete",
      "url": "#"
    },
    {
      "label": "Revisions",
      "url": "#"
    }
  ]
}

No notes defined.