apim-developer-portal2/src/components/tag-input/tag-input.html

API management developer portal

<div class="flex flex-wrap">
    <!--ko foreach: { data: selection, as: 'tag' } -->
    <div tabindex="0" href="#" class="tag-item">
        <span data-bind="text: tag.name"></span>

        <button class="no-border tag-remove" aria-label="Remove tag" data-bind="activate: $component.removeTag">
            <i class="icon icon-simple-remove"></i>
        </button>
    </div>
    <!-- /ko -->
    
    <div tabindex="0" class="tag-item tag-add" role="button" title="Add tags to search query"
        data-bind="balloon: { template: { name: 'tagList', data: $component }, closeOn: $component.onDismiss }">
        <i class="icon icon-add-filter"></i>
    </div>
</div>