USP

  • Usp item

    Lorem ipsum dolor sit amet
  •         {% include "@Components/items/usp-item/usp-item.twig" with {
    props: {
      icon: {
        src: "advantages-ico/filter.svg",
      },
      title: "Usp item",
      perex: "Lorem ipsum dolor sit amet"
    }
  }
%}

      
  •           <div class="i-usp">
  <div class="i-usp__image">
    <span class="icon">
  <svg xmlns="http://www.w3.org/2000/svg" width="53.871" height="53.871" viewBox="0 0 53.871 53.871">
  <g id="Group" transform="translate(-9.667 -6.875)">
    <path id="Path" d="M44.667,19.542V5.583A5.583,5.583,0,0,0,39.083,0H5.583A5.583,5.583,0,0,0,0,5.583V44.667A5.583,5.583,0,0,0,5.583,50.25H19.542" transform="translate(11.167 8.375)" fill="none" stroke="#536069" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3"/>
    <path id="Path-2" data-name="Path" d="M4.576,4.576,0,0" transform="translate(56.841 54.049)" fill="none" stroke="#536069" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3"/>
    <path id="Path-3" data-name="Path" d="M10.4,0A10.4,10.4,0,1,1,0,10.4,10.4,10.4,0,0,1,10.4,0" transform="translate(39.083 36.292)" fill="none" stroke="#536069" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3"/>
    <path id="Path-4" data-name="Path" d="M0,.5H8.375" transform="translate(22.333 39.979)" fill="none" stroke="#536069" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3"/>
    <path id="Path-5" data-name="Path" d="M0,.5H8.375" transform="translate(22.333 48.354)" fill="none" stroke="#536069" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3"/>
    <path id="Path-6" data-name="Path" d="M13.958,6.209v6.354a1.4,1.4,0,0,1-1.4,1.4H1.4a1.4,1.4,0,0,1-1.4-1.4V6.075a2.792,2.792,0,0,1,1.048-2.18L5.152.612a2.792,2.792,0,0,1,3.488,0l4.271,3.417a2.792,2.792,0,0,1,1.048,2.18Z" transform="translate(22.333 16.75)" fill="none" stroke="#536069" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3"/>
  </g>
</svg>

  </span>
  </div>
  <div class="i-usp__content">
    <h3 class="i-usp__heading">Usp item</h3>

          <div class="i-usp__perex">Lorem ipsum dolor sit amet</div>
    
      </div>
</div>

Schema 

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "perex": {
      "type": "string",
      "description": "Perex of the component"
    },
    "imgSrc": {
      "type": "string",
      "description": "Url of image"
    }
  }
}