DSO Toolkit | Component Library

Indicator Icons 

<div class="dso-example-wrapper">
    <div class="dso-example-text">
        <h2>Indicatoren</h2>
    </div>
    <div class="dso-example">
        <svg class="di di-status-danger">
            <use href="../../dso-icons.svg#status-danger" />
        </svg> <svg class="di di-status-info">
            <use href="../../dso-icons.svg#status-info" />
        </svg> <svg class="di di-status-success">
            <use href="../../dso-icons.svg#status-success" />
        </svg> <svg class="di di-status-warning">
            <use href="../../dso-icons.svg#status-warning" />
        </svg> <svg class="di di-forbidden">
            <use href="../../dso-icons.svg#forbidden" />
        </svg> </div>
</div>
 
<div class="dso-example-wrapper">
  <div class="dso-example-text">
    <h2>Indicatoren</h2>
  </div>
  <div class="dso-example">
    {{> '@icon' icon='status-danger' }}
    {{> '@icon' icon='status-info' }}
    {{> '@icon' icon='status-success' }}
    {{> '@icon' icon='status-warning' }}
    {{> '@icon' icon='forbidden' }}
  </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.