USP

  • Přejít na USP

    Usp item

    Lorem ipsum dolor sit amet
  •         {% include "@Components/items/usp-item/usp-item.twig" with {
    props: {
      icon: {
        src: "images/advantages-ico/filter.svg",
      },
      iconLink: {
        url: "#",
        title: "Přejít na USP",
        underlineInitial: false
      },
      title: "Usp item",
      perex: "Lorem ipsum dolor sit amet"
    }
  }
%}

      
  •           <div class="i-usp">
  <div class="i-usp__image">

          <a class="link --black" href="#">
      <span class="link__title">
      <span class="link__title-wrap">Přejít na USP</span>
    </span>
        <span class="link__icon ">
      <span class="icon">
      <img src="images/advantages-ico/filter.svg"  loading="lazy">
  
  </span>
          </span>
  </a>
      </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"
    },
    "icon": {
      "type": "object",
      "description": "Icon props passed to @Components/icon/icon.twig"
    },
    "link": {
      "type": "object",
      "description": "Optional CTA link rendered under the text via @Components/link/link.twig"
    },
    "iconLink": {
      "type": "object",
      "description": "Optional link props to wrap the icon area. When provided, the icon becomes a link. Accepts the same props as @Components/link/link.twig (e.g. url, title, target, attributes). If no title is provided, aria-label will default to the USP title for accessibility."
    }
  }
}