templates/component/pdf_links_list.html.twig line 1

Open in your IDE?
  1. {#
  2.       component: pdf links list
  4.     items:[{
  5.         title {string}: Titre
  6.         icon {string}: Nom de l'icône
  7.         link: {
  8.             text {string}: Texte du lien
  9.             to {string}: Lien
  10.         }
  11.     }]
  12. #}
  14. {% set props = {
  15.   items: []
  16. }|merge(props|default({}))  %}
  18. <section data-component="pdf-links-list" class="PdfLinksList-component">
  20.     <div class="l-container">
  22.         <div
  23.             class="l-row u-center">
  25.             {# Main #}
  26.             <div class="l-column PdfLinksList-main">
  28.                 {% for item in props.items %}
  30.                     {# Item #}
  31.                     <div
  32.                         class="PdfLinksList-item">
  34.                         {# Icon #}
  35.                         <div class="PdfLinksList-itemIconWrapper">
  37.                             {% include "component/svg.html.twig" with {
  38.                                 props: {
  39.                                     name: item.icon
  40.                                 }
  41.                             } %}
  43.                         </div>
  45.                         {# Item name #}
  46.                         <p class="PdfLinksList-itemName">{{ item.title }}</p>
  48.                         {# Item link #}
  49.                         <div class="PdfLinksList-itemLink">
  51.                             {% include "component/button.html.twig" with {
  52.                                 props: item.link|merge_object({
  53.                                     blank: true
  54.                                 })
  55.                             } %}
  57.                         </div>
  59.                     </div>
  61.                 {% endfor %}
  63.             </div>
  65.         </div>
  67.     </div>
  69. </section>