templates/default/components/molecules/contact-bar/contact-bar.html.twig line 1

Open in your IDE?
  1. <div class="contact-bar">
  2. <div class="contact-bar__inner">
  3. {% if headline is defined or text is defined%}
  4. <div class="contact-bar__description">
  5. {% if headline is defined %}
  6. <div class="contact-bar__title">
  7. {# atoms/headline #}
  8. {{ render_storyblok(headline, {
  9. class: 'headline--no-spacing contact-bar__headline',
  10. }) }}
  11. </div>
  12. {% endif %}
  14. {% if text is defined %}
  15. <div class="contact-bar__text">
  16. {# atoms/paragraph #}
  17. {{ render_storyblok(text, {
  18. class: 'paragraph--no-margin paragraph--desktop-margin-auto',
  19. }) }}
  20. </div>
  21. {% endif %}
  22. </div>
  23. {% endif %}
  25. {% if contactIcon is defined and contactTitle is defined and contactPhone is defined %}
  26. <div class="contact-bar__hotline">
  27. {% include('components/molecules/hotline/hotline.html.twig') with {
  28. class: 'hotline--simple',
  29. icon: contactIcon,
  30. title: contactTitle,
  31. phone: contactPhone,
  32. openings: false,
  33. } %}
  34. </div>
  35. {% endif %}
  37. {% if button is defined %}
  38. <div class="contact-bar__action">
  39. {# atoms/text-link #}
  40. {{ render_storyblok(button, {
  41. class: 'button button--multitool button--full-width button--transparent',
  42. modifier: 'js-modal'
  43. }) }}
  44. </div>
  45. {% endif %}
  46. </div>
  47. </div>