Stylebook

More posts item

Zajímá vás více článků?
Všechny články

        {% include "@Components/items/more-posts-item/more-posts-item.twig" with {
    props: {
      url: "#",
      decor_img: {
        src: "images/svg/more-posts.svg",
      },
      title: "Zajímá vás více článků?",
      btn_title: "Všechny články"
    }
  }
%}

          <a class="i-more-posts" href="#">
  <div class="i-more-posts__img">
    <div class="img">
  <picture>
    
    <img src="images/svg/more-posts.svg" alt="" width="80" height="80" loading="lazy" draggable="false">
  </picture>
</div>
  </div>

  <h3 class="i-more-posts__heading base-h2">Zajímá vás více článků?</h3>

  <span class="btn --conversion">    <span class="btn__title">Všechny články</span>
  
  </span>
</a>

Schema

    {
  "props": {
    "extraClass": {
      "type": "string",
      "description": "Addiotional class to the component"
    },
    "url": {
      "type": "string",
      "description": "# (default)"
    },
    "decor_img": {
      "src": {
        "type": "string",
        "description": "url of image"
      }
    },
    "title":{
      "type": "string",
      "description": "Title of item"
    },
    "btn_title":{
      "type": "string",
      "description": "Title of button"
    }
  }
}