###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>