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

Open in your IDE?
  1. {%- set class_name = [
  2.   'i-tooltip flex-shrink-0',
  3.   props.extra_class|default(false) ? props.extra_class : null
  4. ]|join(' ')|trim -%}
  6. {%- set attrs = [
  7.   'class="' ~ class_name ~ '"',
  8. ] -%}
  10. {%- set attrs = attrs|join(' ')|trim -%}
  12. <div {{ attrs|raw }}>
  13.   <div class="i-tooltip__target">
  14.     {% block target %}
  15.       {% include "@Components/icon/icon.twig" with {props: {
  16.         src: props.icon.src,
  17.         size: "xl",
  18.         stroke_off: true,
  19.         name: "i-tooltip__icon"
  20.       }} %}
  21.     {% endblock %}
  22.   </div>
  24.   <div class="i-tooltip__content d-none u-fz-xs u-color-primary-500 u-posr p-1">
  25.     {% block content %}
  26.       <span>{{ props.title|raw }}</span>
  27.     {% endblock %}
  28.   </div>
  29. </div>