Net7 UI Kit

User Access 

<a href="#" class="n7-btn 
    n7-btn--icon-right group/button n7-btn--outline">

    Bottone 2

    <svg class="n7-icon inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 transition-all duration-200 ease-out transform group-hover/button:translate-x-1" aria-hidden="true" focusable="false" role="img">
        <use href="../../icons.svg#outline--arrow-right-start-on-rectangle" />
    </svg>

</a>
 
{% if isUserLoggedIn %}
    <nav class="flex {% if classes %} {{ classes }}{% endif %}" aria-label="Utente" id="">
        <ul class="n7-primary-navigation__list lg:flex lg:justify-end gap-4 xl:gap-8">
            {% render '@dropdown-menu', {listItem: true, label: 'Massimiliano Spinosa',id: 'usermenu', classes: 'n7-primary-navigation__item',listClasses: 'border-r-0 border-l-0 lg:border-r lg:border-l', items: [{label : 'voce 1'}, { label : 'voce 2'}] }, true %}
        </ul>
    </nav>
{% else %}
    {% render '@button--icon-right', {label:'Bottone 2', href: '#', icon: 'outline--arrow-right-start-on-rectangle', classes: 'n7-btn--outline'}, true %}
{% endif %}
 
/* No context defined. */

User access component.

Configurations:

  • isUserLoggedIn: true - for logged user