Badge
There are no notes for this item.
<!-- Default -->
<span class="dso-badge"><span class="sr-only">Badge: </span>Badge tekst</span>
<!-- Badge Info -->
<span class="dso-badge badge-info"><span class="sr-only">Info: </span>Badge tekst</span>
<!-- Badge Primary -->
<span class="dso-badge badge-primary"><span class="sr-only">Primair: </span>Badge tekst</span>
<!-- Badge Success -->
<span class="dso-badge badge-success"><span class="sr-only">Succes: </span>Badge tekst</span>
<!-- Badge Warning -->
<span class="dso-badge badge-warning"><span class="sr-only">Waarschuwing: </span>Badge tekst</span>
<!-- Badge Danger -->
<span class="dso-badge badge-danger"><span class="sr-only">Gevaar: </span>Badge tekst</span>
<span {{ className('dso-badge', [modifier, 'badge-' + modifier]) }}>{% if status -%}<span class="sr-only">{{ status }}: </span>{% endif -%}{{ label }}</span>
/* Default */
status: Badge
label: Badge tekst
/* Badge Info */
status: Info
label: Badge tekst
modifier: info
/* Badge Primary */
status: Primair
label: Badge tekst
modifier: primary
/* Badge Success */
status: Succes
label: Badge tekst
modifier: success
/* Badge Warning */
status: Waarschuwing
label: Badge tekst
modifier: warning
/* Badge Danger */
status: Gevaar
label: Badge tekst
modifier: danger