OffHealth component library

Logo component 

<div class="n7-site-logo site-logo flex w-48 h-12 md:w-64 md:h-20">
    <img class="w-full h-full object-contain object-left-top" src="/images/offhealth.svg" alt="Alt logo image" width="248" height="81" />
</div>
 
<{% if href %}a{% else %}div{% endif %}
  class="n7-site-logo site-logo flex{% if classes %} {{ classes }}{% endif %}{% if size %} {{ size }}{% else %} w-48 h-12 md:w-60 md:h-20{% endif %}"
  {% if href %}href="{{ href }}"{% endif %}
>
  <img
    class="w-full h-full {{ objectFit }} object-left-top"
    src="{% if path %}{{ path }}{% else %}/images/logo.png{% endif %}"
    alt="{% if alt %}{{ alt }}{% else %}Logo alt text{% endif %}"
    width="{{ width }}"
    height="{{ height }}"
  />
</{% if href %}a{% else %}div{% endif %}>
 
{
  "alt": "Alt logo image",
  "path": "/images/offhealth.svg",
  "size": "w-48 h-12 md:w-64 md:h-20",
  "width": 248,
  "height": 81,
  "objectFit": "object-contain"
}

No notes defined.