🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Angular aside is an extension for angular-ui bootstrap to create off-canvas side menu.

Menu_Navigation Plugins

Documentation

###Live Demo

###Hamburger Live Demo

angular-aside-menu

Imagine an aside menu that pushes your page or comes over it and so on.

ng2-aside

Click for angular2 version.

Features

  • Pushes your page
  • Comes over your page
  • Closes menu with backdrop
  • Arrangeable width

Bower

$ bower install --save angular-aside-menu 

NPM

$ npm install --save angular-aside-menu 

Module

angular.module('yourApp', ['asideModule']);

Example

<aside-menu id="menu-1" side="left" width="400px" is-backdrop="true" push-content="false">     <ul class="list-group">         <li class="list-group-item">Cras justo odio</li>         <li class="list-group-item">Dapibus ac facilisis in</li>         <li class="list-group-item">Morbi leo risus</li>         <li class="list-group-item">Porta ac consectetur ac</li>         <li class="list-group-item">Vestibulum at eros</li>     </ul> </aside-menu>
<aside-menu-content>     <div style="display: table; margin: 200px auto">         <button type="button" aside-menu-toggle="menu-1" class="btn btn-default">Left</button>     </div> </aside-menu-content>

You May Also Like