search

InfomediaLtd / angular2-materialize

Angular 2 support for Materialize CSS framework.
https://infomedialtd.github.io/angular2-materialize/
MIT License
407 stars 140 forks source link

navbar #373

Closed kamalkech closed 6 years ago

kamalkech commented 7 years ago

when can i found documentation of navbar ?!!

rubyboy commented 7 years ago

There's some sample code here: https://github.com/InfomediaLtd/angular2-materialize/blob/master/sample/src/app/components/side-nav.ts Other than that, use the MaterliazeCSS documentation with the wrappers from angular2-materialize

SujitSingh commented 6 years ago

@kamalkech you can use something like below. This one has navigation both for desktop and mobile view.

<nav>
  <div class="nav-wrapper">
    <a href="#!" class="brand-logo">Logo</a>
    <a materialize="sideNav" href="#" data-activates="slide-navigation" class="button-collapse"><i class="material-icons">menu</i></a>
    <ul class="right hide-on-med-and-down">
      <li routeLinkActive="active"><a routerLink="/">Home</a></li>
      <li routeLinkActive="active"><a routerLink="/other">Others</a></li>
    </ul>

    <ul id="slide-navigation" class="side-nav sidenav">
      <li routeLinkActive="active"><a routerLink="/">Home</a></li>
      <li routeLinkActive="active"><a routerLink="/other">Other</a></li>
    </ul>
  </div>
</nav>
kamalkech commented 6 years ago

@rubyboy @SujitSingh, thank you and may be must to add that here https://infomedialtd.github.io/angular2-materialize