stack/src/components/icon/icon.twig line 1

Open in your IDE?
  1. {%- set class_name = [
  2.   "icon",
  3.   "d-flex align-items-center justify-content-center",
  4.   props.color in ["primary", "white", "black", "danger"] ? "--colored --" ~ props.color : null,
  5.   props.size in ["xs", "sm", "md", "lg", "xl", "xxl", "xxxl", "4xl"] ? "--" ~ props.size : null,
  6.   props.stroke_off ? "--stroke-off" : null,
  7.   props.extra_class|default(false) ? props.extra_class : null,
  8.   props.name|default(false) ? props.name : null,
  9. ]|join(' ')|trim -%}
  11. {%- set attrs = [
  12.   'class="' ~ class_name ~ '"',
  13. ] -%}
  15. {%- set attrs = attrs|join(' ')|trim -%}
  17. {%- set tag = props.tag in ['div', 'span'] ? props.tag : "span" -%}
  19. {% if props.src %}
  20.   {% set is_svg = props.src|split('.')|last == "svg" %}
  21.   {% set is_from_sulu = 'uploads/media' in props.src %}
  23.   <{{tag}} {{ attrs|raw }}>
  24.     {% if is_svg and not is_from_sulu %}
  25.       {% include props.src %}
  26.     {% else %}
  27.       {% include "@Components/img/img.twig" with {props: {
  28.         src: props.src,
  29.         disable_lazy: true,
  30.       }} %}
  31.     {% endif %}
  32.   </{{tag}}>
  33. {% endif %}