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.aa842b0d.svg#close-outline"></use> </svg></span></button>
Try it yourself on the playground
PlaygroundTag set
<div class="ecl-tag-set"><a href="/example" class="ecl-tag">Link tag</a><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.aa842b0d.svg#close-outline"></use> </svg></span></button><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.aa842b0d.svg#close-outline"></use> </svg></span></button><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.aa842b0d.svg#close-outline"></use> </svg></span></button><a href="/example" class="ecl-tag">Link tag</a><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.aa842b0d.svg#close-outline"></use> </svg></span></button><a href="/example" class="ecl-tag">Link tag</a></div>
Try it yourself on the playground
Playground