DSO Toolkit | Component Library

Link: 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>
 
<a href="{{ url }}"{{#if iconOnly }} title="{{ label }}"{{/if}} {{{ifattr 'class' modifier }}} {{{ifattr 'target' modifier 'extern' '_blank' }}}>
  {{~#if (and icon (not iconOnly)) }}{{> '@icon' icon=icon }}{{#if (not (in (or modifier '') 'btn'))}} {{/if}}{{/if}}
  {{~#if (in (or modifier '') 'btn')~}}
    <span{{#if iconOnly }} class="sr-only"{{/if}}>{{ label }}</span>
  {{~else~}}
    {{label}}
  {{~/if~}}
  {{~#if (or iconAfter iconOnly) }}{{#if (not (in (or modifier '') 'btn'))}} {{/if}}{{> '@icon' icon=(or iconAfter icon) }}{{/if~}}
  {{#if badge }}
    {{> '@badge' badge }}
  {{/if~}}
</a>
 
label: zoeken
url: '#'
icon: search
iconOnly: true
badge:
  label: 4

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