source: Farmatiko/ClientApp/src/app/nav-menu/nav-menu.component.html@ 30a465f

Last change on this file since 30a465f was 30a465f, checked in by DimitarSlezenkovski <dslezenkovski@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 1.4 KB
Line 
1<header>
2 <nav
3 class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"
4 >
5 <div class="container">
6 <a class="navbar-brand" [routerLink]="['/']">Farmatiko</a>
7 <button
8 class="navbar-toggler"
9 type="button"
10 data-toggle="collapse"
11 data-target=".navbar-collapse"
12 aria-label="Toggle navigation"
13 [attr.aria-expanded]="isExpanded"
14 (click)="toggle()"
15 >
16 <span class="navbar-toggler-icon"></span>
17 </button>
18 <div
19 class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse"
20 [ngClass]="{ show: isExpanded }"
21 >
22 <ul class="navbar-nav flex-grow">
23 <li
24 class="nav-item"
25 [routerLinkActive]="['link-active']"
26 [routerLinkActiveOptions]="{ exact: true }"
27 >
28 <a class="nav-link text-dark" [routerLink]="['/']">Home</a>
29 </li>
30 <li class="nav-item" [routerLinkActive]="['link-active']">
31 <a class="nav-link text-dark" [routerLink]="['/counter']"
32 >Counter</a
33 >
34 </li>
35 <li class="nav-item" [routerLinkActive]="['link-active']">
36 <a class="nav-link text-dark" [routerLink]="['/fetch-data']"
37 >Fetch data</a
38 >
39 </li>
40 </ul>
41 </div>
42 </div>
43 </nav>
44</header>
Note: See TracBrowser for help on using the repository browser.