DSO Toolkit | Component Library

Whitebox Regular: Whitebox Regular Icon 

<div class="dso-whitebox dso-has-counter">
    <div class="dso-step-counter">
        <svg class="di di-di di-check">
            <use href="../../dso-icons.svg#di" />
        </svg> <span class="sr-only">afgerond</span>
    </div>
    <div class="dso-whitebox-title">
        <h2>Ik wil weten welke wetten en regels er gelden voor mijn huis/bedrijf.</h2>
    </div>
    <div class="dso-whitebox-link">
        <a href="#" class="btn btn-link"><svg class="di di-angle-right">
                <use href="../../dso-icons.svg#angle-right" />
            </svg><span>Direct naar aanvragen</span></a>
    </div>
    <div class="dso-whitebox-icon">
        <img src="../../dummy/images/indienen.png" alt="Indienen" />
    </div>
    <div class="dso-rich-content">
        <p>Weet u al voor welke activiteiten u een vergunning moet aanvragen of een melding moet doen? Dan kunt u de aanvraag of melding direct indienen.</p>
    </div>
</div>
 
<div class="dso-whitebox{{#if (or count (and icon label)) }} dso-has-counter{{/if}}">
  {{#if (or count (and icon label)) }}
    <div class="dso-step-counter">
      {{#if (and icon label) }}
        {{> '@icon' }}
        <span class="sr-only">{{ label }}</span>
      {{else}}
        {{ count }}
      {{/if}}
    </div>
  {{/if}}
  <div class="dso-whitebox-title">
    <h2>{{ title }}</h2>
  </div>
  <div class="dso-whitebox-link">
    {{> '@anchor' url='#' label=linktext modifier='btn btn-link' icon='angle-right' }}
  </div>
  <div class="dso-whitebox-icon">
    <img src="{{path '/dummy/images/indienen.png' }}" alt="Indienen" />
  </div>
  <div class="dso-rich-content">
    <p>{{ description }}</p>
  </div>
</div>
 
title: Ik wil weten welke wetten en regels er gelden voor mijn huis/bedrijf.
linktext: Direct naar aanvragen
description: >-
  Weet u al voor welke activiteiten u een vergunning moet aanvragen of een
  melding moet doen? Dan kunt u de aanvraag of melding direct indienen.
icon: di di-check
label: afgerond

There are no notes for this item.