Offcanvas Menu - Copy this Angular, Css Component to your project

<i-class="bi-bi-list-hamburger"-style="font-size:-25px;margin-right:-2rem;"></i>-<div-class="offcanvas-offcanvas-start-d-md-none"-tabindex="-1"-id="offcanvas"-aria-labelledby="offcanvasLabel">-<div-class="offcanvas-header">-<h5-id="offcanvasLabel"-class="offcanvas-title">Menu</h5>-<button-type="button"-class="btn-close-text-reset"-(click)="toggleCanvas()"-aria-label="Close"></button>-</div>-<div-class="offcanvas-body">-<p-megaMenu-[model]="megaMenuItems"-orientation="vertical">-<ng-template-#items-let-items>-<ng-container-*ngIf="items.route;-else-noRoute">-<a-[routerLink]="items.routerLink"-class="p-menuitem-link">-<span-[class]="items.icon"></span>-<span-class="ml-2">{{-items.label-}}</span>-</a>-</ng-container>-<ng-template-#noRoute>-<span-class="p-menuitem-link">-<span-[class]="items.icon"></span>-<span-class="ml-2">{{-items.label-}}</span>-</span>-</ng-template>-</ng-template>-<div-[ngClass]="isCollapsed-?-'d-flex-justify-content-center'-:-'d-flex-justify-content-end'">-<i-class="bi-test"-[ngClass]="isCollapsed-?-'bi-arrow-right-circle'-:-'bi-arrow-left-circle'"-(click)="toggleCollapse()"-style="margin-bottom:-10px;"></i>-</div>-</p-megaMenu>-</div>-</div>mobile-screen-pe-jab-aaye-tab-open-nahi-ho-raha-he-iska-solution-do