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"
    }
  }
}