Link tag
Removable tag
<button type="button" class="ecl-tag ecl-tag--removable">Removable tag<span class="ecl-tag__icon"><svg class="ecl-icon ecl-icon--xs ecl-tag__icon-close" focusable="false" aria-hidden="false" role="img"> <title>Dismiss</title> <use xlink:href="/dist/media/icons.e3d8f25c.svg#close-outline"></use> </svg></span></button>
Try it yourself on the playground
PlaygroundTag set
<ul class="ecl-tag-set"> <li class="ecl-tag-set__item"><a href="/example" class="ecl-tag">Link tag</a></li> <li class="ecl-tag-set__item"><button type="button" class="ecl-tag ecl-tag--removable">Removable tag<span class="ecl-tag__icon"><svg class="ecl-icon ecl-icon--xs ecl-tag__icon-close" focusable="false" aria-hidden="false" role="img"> <title>Dismiss</title> <use xlink:href="/dist/media/icons.e3d8f25c.svg#close-outline"></use> </svg></span></button></li> <li class="ecl-tag-set__item"><button type="button" class="ecl-tag ecl-tag--removable">Removable tag<span class="ecl-tag__icon"><svg class="ecl-icon ecl-icon--xs ecl-tag__icon-close" focusable="false" aria-hidden="false" role="img"> <title>Dismiss</title> <use xlink:href="/dist/media/icons.e3d8f25c.svg#close-outline"></use> </svg></span></button></li> <li class="ecl-tag-set__item"><button type="button" class="ecl-tag ecl-tag--removable">Removable tag<span class="ecl-tag__icon"><svg class="ecl-icon ecl-icon--xs ecl-tag__icon-close" focusable="false" aria-hidden="false" role="img"> <title>Dismiss</title> <use xlink:href="/dist/media/icons.e3d8f25c.svg#close-outline"></use> </svg></span></button></li> <li class="ecl-tag-set__item"><a href="/example" class="ecl-tag">Link tag</a></li> <li class="ecl-tag-set__item"><button type="button" class="ecl-tag ecl-tag--removable">Removable tag<span class="ecl-tag__icon"><svg class="ecl-icon ecl-icon--xs ecl-tag__icon-close" focusable="false" aria-hidden="false" role="img"> <title>Dismiss</title> <use xlink:href="/dist/media/icons.e3d8f25c.svg#close-outline"></use> </svg></span></button></li> <li class="ecl-tag-set__item"><a href="/example" class="ecl-tag">Link tag</a></li> </ul>
Try it yourself on the playground
Playground