angular-aside-menu/README.md

# angular-aside-menu Side menu for website

###[Live Demo](http://plnkr.co/edit/Q0WNFYmqrGSB6QKQtCp3?p=preview)

###[Hamburger Live Demo](http://plnkr.co/edit/1ALqm5MRDtdwsFBN1OYm?p=preview)


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


## 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
```javascript
angular.module('yourApp', ['asideModule']);
```

### Example

```html
<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>
```
```html
<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>
```