Branch item

  • České Budějovice3
    Pobočka
    Budějcká tř. 1247/24, 370 23 (OD Kotva)
    Ukázat na mapě 
  •         {% include "@Components/items/branch-item/branch-item.twig" with {
    props: {
      img: {
        src: "images/content/branch-item.png",
        nativeLazyload: true
      },
      title: "České Budějovice3",
      type: "Pobočka",
      address: "Budějcká tř. 1247/24, 370 23 (OD Kotva)",
      link: {
        title: "Ukázat na mapě",
        href: "#",
        color: "primary"
      },
      href: "#"
    },
  }
%}

      
  •           <div class="i-branch">
  <a href="#" class="i-branch__image">
    <div class="img">
      <picture>
    
    <img src="images/content/branch-item.png" alt="" loading="lazy" draggable="false">
  </picture>
</div>
  </a>
  <div class="i-branch__content">
    <a class="i-branch__title" href="#">
      <h3 >České Budějovice3</h3>
    </a>
    <div class="i-branch__type">Pobočka</div>
    <div class="i-branch__address">Budějcká tř. 1247/24, 370 23 (OD Kotva)</div>
    <a class="link --primary" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Ukázat na mapě</span>
    </span>
    </a>
  </div>

</div>

Schema 

    {
  "props": {
    "imgSrc": {
      "type": "string",
      "description": "url of image"
    },
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "type": {
      "type": "string",
      "description": "Type of the component"
    },
    "address": {
      "type": "string",
      "description": "Address of the component"
    },
    "link": {
      "type": "string",
      "description": "All props are documented by the component 'link'"
    },
    "href": {
      "type": "string",
      "description": "Href of the component"
    }
  }
}