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

Open in your IDE?
  1. {%- set class_name = [
  2.   "link",
  3.   "d-inline-flex align-items-center gap-1",
  4.   props.color in ['black', 'primary', 'primary-only', 'primary-to-conversion'] ? '--' ~ props.color : "",
  5.   props.icon_before == true ? '--icon-before' : null,
  6.   props.animation in ["right", "zoom"] ? "--animation-" ~ props.animation : null,
  7.   props.underline_initial ? "--underline-initial" : null,
  8.   props.extra_class|default(false) ? props.extra_class : null
  9. ]|join(' ')|trim -%}
  11. {%- set attrs = [
  12.   'class="' ~ class_name ~ '"'
  13. ] -%}
  15. {%- set attrs = attrs|merge(['href="' ~ props.url|default("#") ~ '"']) -%}
  17. {%- if props.blank %}
  18.   {%- set attrs = attrs|merge(['target="_blank"']) -%}
  19. {%- endif -%}
  21. {%- if props.title is defined %}
  22.   {%- set attrs = attrs|merge(['title="' ~ props.title ~ '"']) -%}
  23. {%- endif -%}
  25. {%- if props.onclick is defined %}
  26.   {%- set attrs = attrs|merge(['onclick="' ~ props.onclick ~ '"']) -%}
  27. {%- endif -%}
  29. {%- if props.data is defined -%}
  30.   {%- set data_attrs = [] -%}
  31.   {%- for key, attribute in props.data -%}
  32.     {%- set data_attrs = data_attrs|merge(['data-' ~ key ~ '="' ~ attribute ~ '"']) -%}
  33.   {%- endfor -%}
  34.   {%- set data_attrs = data_attrs|join(' ')|trim -%}
  35.   {%- set attrs = attrs|merge([data_attrs]) -%}
  36. {%- endif -%}
  38. {%- set attrs = attrs|join(' ')|trim -%}
  40. <a {{ attrs|raw }}>
  41.   <span class="link__title">{{ props.title }}</span>
  43.   {% if props.icon %}
  44.     <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
  45.       {% include "@Components/icon/icon.twig" with {props: props.icon|merge({color: props.color ?? null})} %}
  46.     </span>
  47.   {% endif %}
  48. </a>