# angular-aside

**Repository Path**: doswhy/angular-aside

## Basic Information

- **Project Name**: angular-aside
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-01-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

angular-aside [![npm version](https://badge.fury.io/js/angular-aside.svg)](https://www.npmjs.com/package/angular-aside)
=============

Off canvas side menu for use with ui-bootstrap 0.14+. Extends ui-bootstrap's `$uibModal` provider.

:information_desk_person: Please use v1.2.x for ui-bootstrap versions 0.13 and below.

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

## Install

#### Bower:
```bash
 $ bower install angular-aside
```
Then, include css/js in html.

#### NPM
```bash
 $ npm install angular-aside
```

## Usage

```js
 angular.module('myApp', ['ui.bootstrap', 'ngAside']);
```

```js
angular.module('myApp')
  .controller('MyController', function($scope, $aside) {
    var asideInstance = $aside.open({
      templateUrl: 'aside.html',
      controller: 'AsideCtrl',
      placement: 'left',
      size: 'lg'
    });
  });
```

Supports all configuration that `$uibModal` has. Can be used with both `template` and `templateUrl`. For more info hit **Modal** section on [angular-ui bootstrap](http://angular-ui.github.io/bootstrap) documentation.


## Additional Config
- `placement` - Aside placement can be `'left'`, `'right'`, `'top'`, or `'bottom'`.


## Credits
- [Angular UI Bootstrap](angular-ui.github.io/bootstrap/)
- [Animate.css](http://daneden.github.io/animate.css/)


## Author

İsmail Demirbilek ([@dbtek](https://twitter.com/dbtek))