Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

navbar #373

Closed
kamalkech opened this issue Sep 23, 2017 · 3 comments
Closed

navbar #373

kamalkech opened this issue Sep 23, 2017 · 3 comments

Comments

@kamalkech
Copy link

when can i found documentation of navbar ?!!

@rubyboy
Copy link
Contributor

rubyboy commented Sep 25, 2017

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
Copy link

SujitSingh commented Apr 6, 2018

@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
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants