Badge Status

<!-- Draft -->
<span class="sds-badge badge -badgeNeutral -badgeMuted">

    <span class="sds-icon sds-icon-edit" aria-hidden="true"></span>

    Draft

</span>

<!-- Draft Icon Only -->
<span class="sds-badge badge -badgeNeutral -badgeMuted -badgeIcon">

    <span class="sds-icon sds-icon-edit" aria-hidden="true"></span>

    <span class="sr-only">draft</span>

</span>

<!-- Highlight -->
<span class="sds-badge badge -badgeHighlight -badgeMuted">

    <span class="sds-icon sds-icon-hourglass" aria-hidden="true"></span>

    In preparation

</span>

<!-- Highlight Icon Only -->
<span class="sds-badge badge -badgeHighlight -badgeMuted -badgeIcon">

    <span class="sds-icon sds-icon-hourglass" aria-hidden="true"></span>

    <span class="sr-only">In preparation</span>

</span>

<!-- Unconfirmed -->
<span class="sds-badge badge -badgeInfo -badgeMuted">

    <span class="sds-icon sds-icon-crosscircleborder" aria-hidden="true"></span>

    Unconfirmed

</span>

<!-- Unconfirmed Icon Only -->
<span class="sds-badge badge -badgeInfo -badgeMuted -badgeIcon">

    <span class="sds-icon sds-icon-crosscircleborder" aria-hidden="true"></span>

    <span class="sr-only">Unconfirmed</span>

</span>

<!-- Executed -->
<span class="sds-badge badge -badgeSuccess -badgeMuted">

    <span class="sds-icon sds-icon-checkcirclefill" aria-hidden="true"></span>

    Executed

</span>

<!-- Executed Icon Only -->
<span class="sds-badge badge -badgeSuccess -badgeMuted -badgeIcon">

    <span class="sds-icon sds-icon-checkcirclefill" aria-hidden="true"></span>

    <span class="sr-only">Executed</span>

</span>

<!-- To Be Validated -->
<span class="sds-badge badge -badgeWarning -badgeMuted">

    <span class="sds-icon sds-icon-sign" aria-hidden="true"></span>

    To be validated

</span>

<!-- To Be Validated Icon Only -->
<span class="sds-badge badge -badgeWarning -badgeMuted -badgeIcon">

    <span class="sds-icon sds-icon-sign" aria-hidden="true"></span>

    <span class="sr-only">To be validated</span>

</span>

<!-- Canceled -->
<span class="sds-badge badge -badgeDanger -badgeMuted">

    <span class="sds-icon sds-icon-minuscircleborder" aria-hidden="true"></span>

    Canceled

</span>

<!-- Canceled Icon Only -->
<span class="sds-badge badge -badgeDanger -badgeMuted -badgeIcon">

    <span class="sds-icon sds-icon-minuscircleborder" aria-hidden="true"></span>

    <span class="sr-only">Canceled</span>

</span>