OffHealth component library

Buttons 

<div class="flex gap-3 p-4">

    <button type="button" class="n7-btn 
    n7-btn--primary
    n7-btn--primary">
        Button label

    </button>

    <button type="button" class="n7-btn 
    n7-btn--secondary n7-btn--primary">
        Button label

        <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 ml-2 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
            <use xlink:href="../../icons.svg#mini--arrow-right" />
        </svg>

    </button>

</div>
 
<div class="flex gap-3 p-4">    
    {% render '@button' %}
    {% render '@button--secondary' %}
</div>
 
/* No context defined. */

No notes defined.