Lunds universitet - Style Guide

Tag List 

<div class="tag-list">
    <p><strong>Kategorier:</strong></p>
    <ul class="nav nav-pills">
        <li class="nav-item m-0">
            <a href="../../#.html" class="btn  btn-outline-primary btn-sm px-3 me-2 mb-3">Utbildning</a>

        </li>
        <li class="nav-item m-0">
            <a href="../../#.html" class="btn  btn-outline-primary btn-sm px-3 me-2 mb-3">Seminarium</a>

        </li>
        <li class="nav-item m-0">
            <a href="../../#.html" class="btn  btn-outline-primary btn-sm px-3 me-2 mb-3">Naturvetenskap</a>

        </li>
    </ul>
</div>
 
<div class="tag-list">
  <p><strong>Kategorier:</strong></p>
  <ul class="nav nav-pills">
    {{#each items}}
      <li class="nav-item m-0">
        {{render "@tag" this merge=true}}
      </li>
    {{/each}}
  </ul>
</div>
 
{
  "items": [
    {
      "tag": {
        "label": "Utbildning",
        "modifiers": [
          "btn-outline-primary",
          "btn-sm",
          "px-3",
          "me-2",
          "mb-3"
        ]
      }
    },
    {
      "tag": {
        "label": "Seminarium",
        "modifiers": [
          "btn-outline-primary",
          "btn-sm",
          "px-3",
          "me-2",
          "mb-3"
        ]
      }
    },
    {
      "tag": {
        "label": "Naturvetenskap",
        "modifiers": [
          "btn-outline-primary",
          "btn-sm",
          "px-3",
          "me-2",
          "mb-3"
        ]
      }
    }
  ]
}

No notes defined.