Tag group: Exemple de base

Choix de l'univers FT

Tag group Liste d'étiquettes

Elle regroupe des tags ensemble et permet par exemple d’afficher une liste de critères appliqués.

Documentation : Figma

Langage:  HTML 

<div class="ds-tag-group">
    <ul class="ds-tag-group-items">

        <li>
            <span class="tag tag-blue"><span class="tag-content">Lorem ipsum 1</span>
            </span>
        </li>

        <li>
            <span class="tag tag-blue"><span class="tag-content">Lorem ipsum 2</span>
            </span>
        </li>

        <li>
            <span class="tag tag-blue"><span class="tag-content">Lorem ipsum 3</span>
            </span>
        </li>

        <li>
            <span class="tag tag-blue"><span class="tag-content">Lorem ipsum 4</span>
            </span>
        </li>

        <li>
            <span class="tag tag-blue"><span class="tag-content">Lorem ipsum 5</span>
            </span>
        </li>

        <li>
            <span class="tag tag-blue"><span class="tag-content">Lorem ipsum 6</span>
            </span>
        </li>

    </ul>
</div>

Pas de fichiers JS associés