<p id="badge-1220" class="fr-badge">Label badge</p>

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

<p id="badge-1223" class="fr-badge fr-badge--success fr-badge fr-badge--success">Label badge</p>

<p id="badge-1225" class="fr-badge fr-badge--success fr-badge--no-icon fr-badge fr-badge--success fr-badge--no-icon">Label badge</p>

<p id="badge-1227" class="fr-badge fr-badge--error fr-badge fr-badge--error">Label badge</p>

<p id="badge-1229" class="fr-badge fr-badge--error fr-badge--no-icon fr-badge fr-badge--error fr-badge--no-icon">Label badge</p>

<p id="badge-1231" class="fr-badge fr-badge--info fr-badge fr-badge--info">Label badge</p>

<p id="badge-1233" class="fr-badge fr-badge--info fr-badge--no-icon fr-badge fr-badge--info fr-badge--no-icon">Label badge</p>

<p id="badge-1235" class="fr-badge fr-badge--warning fr-badge fr-badge--warning">Label badge</p>

<p id="badge-1237" class="fr-badge fr-badge--warning fr-badge--no-icon fr-badge fr-badge--warning fr-badge--no-icon">Label badge</p>

<p id="badge-1239" class="fr-badge fr-badge--new fr-badge fr-badge--new">Label badge</p>

<p id="badge-1241" class="fr-badge fr-badge--new fr-badge--no-icon fr-badge fr-badge--new fr-badge--no-icon">Label badge</p>

<p id="badge-1243" class="fr-badge fr-badge--green-menthe fr-badge fr-badge--green-menthe">Label badge</p>

<p id="badge-1245" class="fr-badge fr-badge--orange-terre-battue fr-badge fr-badge--orange-terre-battue">Label badge</p>

<p id="badge-1247" class="fr-badge fr-badge--purple-glycine fr-badge fr-badge--purple-glycine">Label badge</p>

<p id="badge-1250" class="fr-badge fr-badge--sm">Label badge</p>

<p id="badge-1252" class="fr-badge fr-badge--sm fr-badge--success fr-badge fr-badge--sm fr-badge--success">Label badge</p>

<p id="badge-1254" class="fr-badge fr-badge--sm fr-badge--error fr-badge fr-badge--sm fr-badge--error">Label badge</p>

<p id="badge-1256" class="fr-badge fr-badge--sm fr-badge--info fr-badge fr-badge--sm fr-badge--info">Label badge</p>

<p id="badge-1258" class="fr-badge fr-badge--sm fr-badge--warning fr-badge fr-badge--sm fr-badge--warning">Label badge</p>

<p id="badge-1260" class="fr-badge fr-badge--sm fr-badge--new fr-badge fr-badge--sm fr-badge--new">Label badge</p>

<p id="badge-1262" class="fr-badge fr-badge--sm fr-badge--purple-glycine fr-badge fr-badge--sm fr-badge--purple-glycine">Label badge</p>

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

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