Stylebook

Phone

        {% include "@Components/items/broker-meta-item/broker-meta-item.twig" with {
    props: {
      number: "777257283"
    }
  }
%}

            
  <a class="i-broker-meta" href="tel:+777257283">
  <span class="icon  --sm">
      <img src="images/svg/phone.svg" alt="Telefon" loading="lazy">
  
  </span>
</a>

Email

        {% include "@Components/items/broker-meta-item/broker-meta-item.twig" with {
    props: {
      email: "mail@email.cz"
    }
  }
%}

              <a class="i-broker-meta" href="mailto:mail@email.cz">
  <span class="icon  --sm">
      <img src="images/svg/mail.svg" alt="Email" loading="lazy">
  
  </span>
</a>

Link

        {% include "@Components/items/broker-meta-item/broker-meta-item.twig" with {
    props: {
      url: "#"
    }
  }
%}

              <a class="i-broker-meta" href="#">
  <span class="icon  --sm">
      <img src="images/svg/link.svg" alt="www" loading="lazy">
  
  </span>
</a>

Schema

    {
  "props": {
    "number": {
      "type": "number",
      "description": "Phone number"
    },
    "email": {
      "type": "string",
      "description": "Email adress"
    },
    "url": {
      "type": "string",
      "description": "Url address"
    }
  }
}