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