Link

Externe links krijgen de class extern en een target="_blank"

<!-- Default -->
<a href="#">Home</a>

<!-- Download -->
<a href="afvalkalender.pdf" class="download">Afvalkalender 2017</a>

<!-- Extern -->
<a href="http://www.google.nl" class="extern" target="_blank">Een link naar Google</a>

<!-- Icon -->
<a href="#" title="Zoeken">Zoeken <svg class="di di-search">
        <use href="../../dso-icons.svg#search" />
    </svg></a>

<!-- Label -->
<a href="#">Zoeken</a>

<!-- Iconlabel -->
<a href="#"><svg class="di di-search">
        <use href="../../dso-icons.svg#search" />
    </svg> zoeken</a>

<!-- Iconbadge -->
<a href="#" title="zoeken">zoeken <svg class="di di-search">
        <use href="../../dso-icons.svg#search" />
    </svg>
    <span class="dso-badge">4</span>
</a>

<!-- Iconlabelbadge -->
<a href="#"><svg class="di di-search">
        <use href="../../dso-icons.svg#search" />
    </svg> zoeken
    <span class="dso-badge">4</span>
</a>


  {%- if icon and not iconOnly %}
    {%- render '@icon', {icon: icon} -%}
    {%- if not modifier or modifier.indexOf('btn') === -1 %} {% endif -%}
  {%- endif -%}

  {%- if modifier and modifier.indexOf('btn') > -1 -%}
    {{ label }}
  {%- else -%}
    {{ label }}
  {%- endif -%}

  {%- if iconAfter or iconOnly %}
    {%- if not modifier or modifier.indexOf('btn') === -1 %} {% endif -%}
    {%- render '@icon', {icon: iconAfter or icon} %}
  {%- endif -%}

  {%- if badge %}
    {% render '@badge', badge %}
  {%- endif -%}

      /* Default */
        label: Home
url: '#'

      /* Download */
        label: Afvalkalender 2017
url: afvalkalender.pdf
modifier: download

      /* Extern */
        label: Een link naar Google
url: 'http://www.google.nl'
modifier: extern

      /* Icon */
        label: Zoeken
url: '#'
icon: search
iconOnly: true

      /* Label */
        label: Zoeken
url: '#'

      /* Iconlabel */
        label: zoeken
url: '#'
icon: search

      /* Iconbadge */
        label: zoeken
url: '#'
icon: search
iconOnly: true
badge:
  label: 4

      /* Iconlabelbadge */
        label: zoeken
url: '#'
icon: search
badge:
  label: 4