Tabs and navigation

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Tabs and navigation

Sergius pro asked 7 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 answered 7 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 7 years ago

Thanks!
Write
Create snippet
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
About author
Sergius
Pro User
14Support score
5Questions 1Answers
0Snippets likes 0Snippets