BIR Pattern Library

Icon Link 

<a class="black font-heading flex items-center font-medium text-3xl lg:text-base hover:underline" href="./index.html">

    <div class="w-4 h-4 mr-2">
        <svg class="w-full h-full fill-current text-alpha-500" aria-hidden="true">
            <use href="/front-end/sprite.svg#icon-user"></use>
        </svg>
    </div>

    Test Link
</a>
 
<a class="{{colour}} font-heading flex items-center font-medium text-3xl lg:text-base hover:underline" href="{{ url | path }}">
    {% if icon %}
    <div class="w-4 h-4 mr-2">
        {% render "@icon", { name: icon, modifier: "w-full h-full fill-current text-alpha-500", ariaHidden: true } %}
    </div>
    {% endif %}
    {{ name }}
</a>
 
{
  "siteName": "BIR Pattern Library",
  "name": "Test Link",
  "url": "./index",
  "icon": "icon-user",
  "colour": "black"
}

No notes defined.