OffHealth component library

Category: Overline 

<span class="n7-category n7-content-placeholder">

    <svg class="inline-block align-middle fill-current w-2 h-2 mr-2 transition-all duration-200 ease-out transform group-hover:-translate-x-1 text-primary-400" aria-hidden="true" focusable="false" role="img">
        <use xlink:href="../../icons.svg#solid--circle" />
    </svg>

    Category label
</span>
 
<{% if href %}a href="{{ href }}"{% else %}span {% endif %} class="n7-category{% block classes %} {{ classes }}{% endblock %}{% if href %} {% endif %}">
    {% if icon %}
        {% render '@icon--small', { id: icon, classes: 'mr-2 transition-all duration-200 ease-out transform group-hover:-translate-x-1 text-primary-400', size: 'w-2 h-2' }, true %}
    {% endif %}
    {% block content %}{{ text }}{% endblock %}
</{% if href %}a{% else %}span{% endif %}>
 
{
  "text": "Category label",
  "classes": "n7-content-placeholder",
  "icon": "solid--circle"
}

No notes defined.