stack/src/components/base-header/base-header.twig line 1

Open in your IDE?
  1. {%- set class_name = [
  2.   'base-header',
  3.   'd-flex',
  4.   'flex-column',
  5.   'gap-3',
  6.   'text-center',
  7.   'align-items-center',
  8.   props.variant in ['left'] ? '--' ~ props.variant : null,
  9.   props.spacing in ['none', 'sm', 'lg'] ? '--spacing-' ~ props.spacing : null,
  10.   props.extra_class|default(false) ? props.extra_class : null
  11. ]|join(' ')|trim -%}
  13. {%- set attrs = [
  14.   'class="' ~ class_name ~ '"',
  15. ] -%}
  17. {%- if props.id is defined %}
  18.   {% set attrs = attrs|merge(['id="' ~ props.id ~ '"']) %}
  19. {%- endif -%}
  21. {%- set attrs = attrs|join(' ')|trim -%}
  23. <header {{ attrs|raw }}>
  25.   {% if props.overline %}
  26.     {% include "@Components/base-overline/base-overline.twig" with {props: props.overline} %}
  27.   {% endif %}
  29.   {% include "@Components/base-heading/base-heading.twig" with {props: props.heading} %}
  31.   {% if props.perex %}
  32.     <div class="base-header__description d-flex flex-column gap-2 mb-0">{{ props.perex|raw }}</div>
  33.   {% endif %}
  35.   {% block content %}{# content #}{% endblock %}
  37.   {% if props.buttons %}
  38.     {% include "@Components/groups/buttons-group/buttons-group.twig" with {props: {
  39.       buttons: props.buttons,
  40.       align: props.variant,
  41.     }} %}
  42.   {% endif %}
  45. </header>