UI Molecules

Tags filter

Filters : Clear all filters
<div class="amui-m-tags-filter amui-h-pt-sm amui-h-pr-ms amui-h-pb-sm amui-h-pl-ms">
  <div class="amui-m-tags-filter__items">
    <span class="amui-m-tags-filter__title amui-h-mr-xxxs">Filters :</span>
    <label data-tag="item-1" for="item-1" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-1 amui-h-mb-sm">Item 1<i class="material-icons md-16">close</i></label>
    <label data-tag="item-2" for="item-2" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-2 amui-h-mb-sm">Item 2<i class="material-icons md-16">close</i></label>
    <label data-tag="item-3" for="item-3" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-3 amui-h-mb-sm">Item 3<i class="material-icons md-16">close</i></label>
    <label data-tag="item-4" for="item-4" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-4 amui-h-mb-sm">Item 4<i class="material-icons md-16">close</i></label>
    <label data-tag="item-5" for="item-5" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-5 amui-h-mb-sm">Item 5<i class="material-icons md-16">close</i></label>
    <label data-tag="item-6" for="item-6" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-6 amui-h-mb-sm">Item 6<i class="material-icons md-16">close</i></label>
    <label data-tag="item-7" for="item-7" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-7 amui-h-mb-sm">Item 7<i class="material-icons md-16">close</i></label>
    <label data-tag="item-8" for="item-8" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-8 amui-h-mb-sm">Item 8<i class="material-icons md-16">close</i></label>
    <label data-tag="item-9" for="item-9" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-9 amui-h-mb-sm">Item 9<i class="material-icons md-16">close</i></label>
    <label data-tag="item-10" for="item-10" class="amui-m-tags-filter__item amui-a-label is--rounded is--icon-right is--filter-10 amui-h-mb-sm">Item 10<i class="material-icons md-16">close</i></label>
    <a id="btn-tags-filter-delete-filters" href="#" class="amui-h-ml-xs amui-h-vertical-align-middle">Clear all filters</a>
  </div>
</div>