stack/src/components/items/filtration-visual-item/filtration-visual-item--raw.twig line 1

Open in your IDE?
  1. <div class="i-filtration-visual__items-wrapper d-flex flex-wrap gap-2 align-items-center js-filter-list" data-filter-target="{{ props.id }}">
  2.   <template>
  3.     {% include "@Components/items/selected-tag-item/selected-tag-item.twig" %}
  4.   </template>
  6.   {% if props.selected %}
  7.     {% for item in props.selected %}
  8.       {% include "@Components/items/selected-tag-item/selected-tag-item.twig" with {props: item } %}
  9.     {% endfor %}
  10.   {% endif %}
  12.   {% if props.reset_btn %}
  13.     {% include "@Components/items/tag-item/tag-item.twig" with {props: props.reset_btn|merge({
  14.       tag: "span",
  15.       size: "sm",
  16.       radius: true,
  17.       hoverable: true,
  18.       variant: "outline",
  19.       icon: {
  20.         src: "@Images/svg/trash.svg",
  21.         size: "md",
  22.       },
  23.       data: {
  24.         "filter-target": props.id
  25.       },
  26.       extra_class: "i-filtration-visual__reset-btn js-filter-clear"
  27.     }) } %}
  28.   {% endif %}
  29. </div>