<section class="ds-example example-tags">
    <div class="html">
        <span class="badge badge-primary mb-1">Primary</span><br>
        <span class="badge badge-secondary mb-1">Secondary</span><br>
        <span class="badge badge-success mb-1">Success</span><br>
        <span class="badge badge-danger mb-1">Danger</span><br>
        <span class="badge badge-warning mb-1">Warning</span><br>
        <span class="badge badge-info mb-1">Info</span><br>
        <span class="badge badge-light mb-1">Light</span><br>
        <span class="badge badge-dark mb-1">Dark</span>
    </div>
    <pre>
        <code>&lt;span class="badge badge-primary">&lt;/span>
&lt;span class="badge badge-secondary">&lt;/span>
&lt;span class="badge badge-success">&lt;/span>
&lt;span class="badge badge-danger">&lt;/span>
&lt;span class="badge badge-warning">&lt;/span>
&lt;span class="badge badge-info">&lt;/span>
&lt;span class="badge badge-light">&lt;/span>
&lt;span class="badge badge-dark">&lt;/span></code>
    </pre>
</section>
