MentorKit Pattern Library

Icon Link 

<a class="black text-xs flex items-center font-semibold hover:underline" href="./index.html">

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

    Test Link
</a>
 
<a class="{{colour}} text-xs flex items-center font-semibold hover:underline" href="{{ url | path }}">
    {% if icon %}
    <div class="w-4 h-4 mr-1.5">
        {% render "@icon", { name: icon, modifier: "w-full h-full fill-current " + colour, ariaHidden: true } %}
    </div>
    {% endif %}
    {{ name }}
</a>
 
{
  "siteName": "MentorKit Pattern Library",
  "name": "Test Link",
  "url": "./index",
  "icon": "icon-user",
  "colour": "black"
}

No notes defined.