<button class="user-button" mat-mini-fab [matMenuTriggerFor]="userMenu">
    <mat-icon class="user-button__icon">star</mat-icon>
</button>
<mat-menu #userMenu="matMenu" xPosition="before">
    <div class="user-menu-title">
        <h5 class="user-menu-title__name">
            Favourites
        </h5>
    </div>
    <button mat-menu-item class="user-menu__item-title" *ngFor="let favourite of _menuService.favouriteMenuData"
        (click)="navigateTo(favourite.routerLink)">
        <mat-icon class="user-menu-icon">{{favourite?.icon}}</mat-icon>
        {{favourite?.menuId | translate}}
    </button>

</mat-menu>