templates/default/components/molecules/teaser/teaser.html.twig line 1

Open in your IDE?
  1. <div class="teaser js-teaser {{ class|default }}" {% if link is defined %} tabindex="0" {% endif %}>
  2. {% import 'macros/storyblok.html.twig' as storyblok %}
  4. <div class="teaser__image">
  5. {% block teaser_image %}
  6. {% if image is defined %}
  7. {# atoms/image #}
  8. {{ render_storyblok(image, {
  9. 'class': 'teaser__img ' ~ imageClass|default('image__src--full-width')
  10. }) }}
  11. {% endif %}
  12. {% endblock %}
  13. </div>
  14. <div class="teaser__content">
  15. {% block teaser_badge %}
  16. {% if badge is defined and badge is not empty %}
  17. <div class="teaser__tag">
  18. {{ badge }}
  19. </div>
  20. {% endif %}
  21. {% endblock %}
  22. {% block teaser_headline %}
  23. {% if headline is defined %}
  24. {# atoms/headline #}
  25. {{ render_storyblok(headline, {
  26. 'headlineTag': 'h3',
  27. 'class': 'teaser__headline headline--no-spacing'
  28. }) }}
  29. {% endif %}
  30. {% endblock %}
  31. {% block teaser_description %}
  32. {% if description is defined %}
  33. <div class="teaser__description">
  34. {# atoms/description #}
  35. {{ render_storyblok(description) }}
  36. </div>
  37. {% endif %}
  38. {% endblock %}
  39. {% block teaser_link %}
  40. {% if link is defined %}
  41. {# atoms/text-link #}
  42. {% if not app.getRequest().attributes.get('storyblok_preview') %}
  43. {{ render_storyblok(link, {
  44. 'class': 'text-link--arrow-right js-teaser-link',
  45. }) }}
  46. {% else %}
  47. {{ render_storyblok(link, {
  48. 'class': 'text-link--arrow-right',
  49. }) }}
  50. {% endif %}
  51. {% endif %}
  52. {% endblock %}
  53. </div>
  54. </div>