ui2022/legend__item.html.twig line 1

Open in your IDE?
  1. {% set styles = _args.styles|default(['default']) %}
  2. {% set icon = _args.icon %}
  3. {% set title = _args.title %}
  4. {% set subtitle = _args.subtitle %}
  5. {% set tooltip = _args.tooltip|default(null) %}
  6. {% set action = _args.action|default(null) %}
  8. {% if styles is not iterable %}
  9.     {% set styles = styles|split(' ') %}
  10. {% endif %}
  12. <div class="donutlegend__item">
  13.     <span class="donutlegend__icon donutlegend__icon--{{- styles|join(' donutlegend__icon--')|trim -}}">
  14.         <i class="{{- icon -}}"></i>
  15.     </span>
  16.     <span class="donutlegend__detail">
  17.         <span class="donutlegend__title text-medium text-gray-dark d-block">
  18.             {{- title -}}
  19.         </span>
  20.         <span class="donutlegend__text d-flex flex-wrap">
  21.             <span class="font-14 text-semibold">
  22.                 {{- subtitle -}}
  23.                 {% if tooltip is not empty %}
  24.                     <span class="badge badge--sphere text-extrabold" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{- tooltip -}}">?</span>
  25.                 {% endif %}
  26.                 {% if action is not empty %}
  27.                     <a class="text-medium font-14 text-body text-underline" href="{{- action.link|default('#') -}}">
  28.                         {{- action.text -}}
  29.                     </a>
  30.                 {% endif %}
  31.             </span>
  32.         </span>
  33.     </span>
  34. </div>