<p id="badge-1222" class="fr-badge">Libellé badge</p>

<p class="fr-badge">
    <span class="fr-ellipsis">Libellé badge très long, coupé par des points de suspensions lorsque le Libellé dépasse la largeur du conteneur</span>
</p>

<p id="badge-1225" class="fr-badge fr-badge--success fr-badge fr-badge--success">Libellé badge</p>

<p id="badge-1227" class="fr-badge fr-badge--success fr-badge--no-icon fr-badge fr-badge--success fr-badge--no-icon">Libellé badge</p>

<p id="badge-1229" class="fr-badge fr-badge--error fr-badge fr-badge--error">Libellé badge</p>

<p id="badge-1231" class="fr-badge fr-badge--error fr-badge--no-icon fr-badge fr-badge--error fr-badge--no-icon">Libellé badge</p>

<p id="badge-1233" class="fr-badge fr-badge--info fr-badge fr-badge--info">Libellé badge</p>

<p id="badge-1235" class="fr-badge fr-badge--info fr-badge--no-icon fr-badge fr-badge--info fr-badge--no-icon">Libellé badge</p>

<p id="badge-1237" class="fr-badge fr-badge--warning fr-badge fr-badge--warning">Libellé badge</p>

<p id="badge-1239" class="fr-badge fr-badge--warning fr-badge--no-icon fr-badge fr-badge--warning fr-badge--no-icon">Libellé badge</p>

<p id="badge-1241" class="fr-badge fr-badge--new fr-badge fr-badge--new">Libellé badge</p>

<p id="badge-1243" class="fr-badge fr-badge--new fr-badge--no-icon fr-badge fr-badge--new fr-badge--no-icon">Libellé badge</p>

<p id="badge-1245" class="fr-badge fr-badge--green-menthe fr-badge fr-badge--green-menthe">Libellé badge</p>

<p id="badge-1247" class="fr-badge fr-badge--orange-terre-battue fr-badge fr-badge--orange-terre-battue">Libellé badge</p>

<p id="badge-1249" class="fr-badge fr-badge--purple-glycine fr-badge fr-badge--purple-glycine">Libellé badge</p>

<p id="badge-1252" class="fr-badge fr-badge--sm">Libellé badge</p>

<p id="badge-1254" class="fr-badge fr-badge--sm fr-badge--success fr-badge fr-badge--sm fr-badge--success">Libellé badge</p>

<p id="badge-1256" class="fr-badge fr-badge--sm fr-badge--error fr-badge fr-badge--sm fr-badge--error">Libellé badge</p>

<p id="badge-1258" class="fr-badge fr-badge--sm fr-badge--info fr-badge fr-badge--sm fr-badge--info">Libellé badge</p>

<p id="badge-1260" class="fr-badge fr-badge--sm fr-badge--warning fr-badge fr-badge--sm fr-badge--warning">Libellé badge</p>

<p id="badge-1262" class="fr-badge fr-badge--sm fr-badge--new fr-badge fr-badge--sm fr-badge--new">Libellé badge</p>

<p id="badge-1264" class="fr-badge fr-badge--sm fr-badge--purple-glycine fr-badge fr-badge--sm fr-badge--purple-glycine">Libellé badge</p>

<ul class="fr-badges-group">
    <li>
        <p id="badge-1266" class="fr-badge fr-badge">Libellé badge 1</p>
    </li>
    <li>
        <p id="badge-1267" class="fr-badge fr-badge">Libellé badge 2</p>
    </li>
    <li>
        <p id="badge-1268" class="fr-badge fr-badge">Libellé badge 3</p>
    </li>
    <li>
        <p id="badge-1269" class="fr-badge fr-badge">Libellé badge 4</p>
    </li>
    <li>
        <p id="badge-1270" class="fr-badge fr-badge">Libellé badge 5</p>
    </li>
    <li>
        <p id="badge-1271" class="fr-badge fr-badge">Libellé badge 6</p>
    </li>
    <li>
        <p id="badge-1272" class="fr-badge fr-badge">Libellé badge 7</p>
    </li>
    <li>
        <p id="badge-1273" class="fr-badge fr-badge">Libellé badge 8</p>
    </li>
    <li>
        <p id="badge-1274" class="fr-badge fr-badge">Libellé badge 9</p>
    </li>
</ul>

<ul class="fr-badges-group fr-badges-group--sm">
    <li>
        <p id="badge-1276" class="fr-badge fr-badge">Libellé badge 1</p>
    </li>
    <li>
        <p id="badge-1277" class="fr-badge fr-badge">Libellé badge 2</p>
    </li>
    <li>
        <p id="badge-1278" class="fr-badge fr-badge">Libellé badge 3</p>
    </li>
    <li>
        <p id="badge-1279" class="fr-badge fr-badge">Libellé badge 4</p>
    </li>
    <li>
        <p id="badge-1280" class="fr-badge fr-badge">Libellé badge 5</p>
    </li>
    <li>
        <p id="badge-1281" class="fr-badge fr-badge">Libellé badge 6</p>
    </li>
    <li>
        <p id="badge-1282" class="fr-badge fr-badge">Libellé badge 7</p>
    </li>
    <li>
        <p id="badge-1283" class="fr-badge fr-badge">Libellé badge 8</p>
    </li>
    <li>
        <p id="badge-1284" class="fr-badge fr-badge">Libellé badge 9</p>
    </li>
</ul>