stack/src/components/items/menu-item/menu-item.twig line 1

Open in your IDE?
  1. {% for item in items %}
  3.   {%- set class_name = [
  4.     "i-menu",
  5.     "d-block u-posr",
  6.     item.submenu ? "--has-submenu" : null,
  7.     item.current ? "--current" : null,
  8.     level ? "--level-" ~ level : null,
  9.   ]|join(' ')|trim -%}
  11.   {%- set attrs = [
  12.     'class="' ~ class_name ~ '"',
  13.   ] -%}
  15.   {%- set attrs = attrs|join(' ')|trim -%}
  17.   <li {{ attrs|raw }}>
  19.     <a class="i-menu__link d-flex align-items-center gap-1 gap-xxl-2 u-posr u-fw-500" href="{{ item.url }}">
  20.       {% if item.icon %}
  21.         {% include "@Components/icon/icon.twig" with {props: {
  22.           src: item.icon.src,
  23.           size: "lg",
  24.           extra_class: "d-lg-none d-xl-flex"
  25.         }} %}
  26.       {% endif %}
  28.       {{ item.title }}
  30.       {% if item.submenu %}
  31.         <span class="i-menu__submenu-button">
  32.           {% include "@Components/icon/icon.twig" with {props: {
  33.             src: "@Images/svg/chevron-down.svg",
  34.             size: "sm",
  35.             color: "primary",
  36.           }} %}
  37.         </span>
  38.       {% endif %}
  39.     </a>
  41.     {% if item.submenu %}
  42.       <ul class="i-menu__submenu">
  43.         {% include "@Components/items/menu-item/menu-item.twig" with {
  44.           items: item.submenu,
  45.           level: level + 1,
  46.         } only %}
  47.       </ul>
  48.     {% endif %}
  50.   </li>
  51. {% endfor %}