Topic: Tabs and navigation

Sergius pro asked 5 years ago


Can I use your tabs for navigation, for example as tabs in Angular Material (https://material.angular.io/components/tabs/overview#tabs-and-navigation)?

Witold Tkaczyk free answered 5 years ago


Hi Sergius,   I'm pretty sure that you can. Try something like this:  
<!-- Nav tabs -->
<ul class="nav nav-tabs nav-justified">
 <li class="nav-item">
   <a class="waves-effect"
     routerLink="/profile"
     routerLinkActive="active">
       Profile
   </a>
 </li>
 <li class="nav-item">
   <a class="waves-effect"
     routerLink="/follows"
     routerLinkActive="active">
       Follows
   </a>
 </li>
 <li class="nav-item">
   <a class="waves-effect"
     routerLink="/contact"
     routerLinkActive="active">
       Contact
   </a>
 </li>
</ul>
<!-- Tab panels -->
<div class="tab-content card">

   <router-outlet></router-outlet>

</div>

Sergius pro commented 5 years ago

Thanks!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags