All Projects → dbtek → Angular Aside

dbtek / Angular Aside

Licence: mit
Off canvas side menu to use with ui-bootstrap.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Angular Aside

Layerjs
layerJS: Javascript UI composition framework
Stars: ✭ 1,825 (+840.72%)
Mutual labels:  menu
Coordinatormenu
The library creates a floating menu like the app momo, vtcpay, wepay
Stars: ✭ 160 (-17.53%)
Mutual labels:  menu
Vmenu
vMenu is a custom server sided trainer/menu, built using a custom version of NativeUI. It has full permissions support, so the server owner can decide who's allowed to do what.
Stars: ✭ 168 (-13.4%)
Mutual labels:  menu
Kwdrawercontroller
Drawer view controller that easy to use!
Stars: ✭ 154 (-20.62%)
Mutual labels:  menu
Context Menu.ios
You can easily add awesome animated context menu to your app.
Stars: ✭ 1,854 (+855.67%)
Mutual labels:  menu
Dial
A Rotary Dial menu for input numbers
Stars: ✭ 162 (-16.49%)
Mutual labels:  menu
Xmenu
a x11 menu utility
Stars: ✭ 145 (-25.26%)
Mutual labels:  menu
Material Ui Popup State
boilerplate for common Material-UI Menu, Popover and Popper use cases
Stars: ✭ 186 (-4.12%)
Mutual labels:  menu
Metismenu
Related projects
Stars: ✭ 1,904 (+881.44%)
Mutual labels:  menu
V Selectmenu
SelectMenu for Vuejs, A simple, easier and highly customized menu solution
Stars: ✭ 169 (-12.89%)
Mutual labels:  menu
V Tooltip
💬 Easy tooltips, popovers, dropdown for Vue
Stars: ✭ 2,109 (+987.11%)
Mutual labels:  menu
Vue Ui For Pc
基于Vue2.x的一套PC端UI组件,包括了Carousel 跑马灯、Cascader 级联、Checkbox 多选框、Collapse 折叠面板、DatePicker 日期选择、Dialog 对话框、Form 表单、Input 输入框、InputNumber 数字输入框、Layer 弹窗层、Loading 加载、Menu 菜单、Page 分页、Progress 进度条、Radio 单选框、SelectDropDown 仿select、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 文字提示、BackTop 返回顶部、steps 步骤条、Transfer 穿梭框、Tree 树形、Upload 文件上传、Lazy 图片懒加载、Loading 加载、Pagination 分页等等
Stars: ✭ 156 (-19.59%)
Mutual labels:  menu
Rhsidebuttons
Library provides easy to implement variation of Android (Material Design) Floating Action Button for iOS. You can use it as your app small side menu. 🌶
Stars: ✭ 164 (-15.46%)
Mutual labels:  menu
Fab Circular Menu
A Flutter package to create a nice circular menu using a Floating Action Button.
Stars: ✭ 152 (-21.65%)
Mutual labels:  menu
Jquery Ui Contextmenu
jQuery plugin that turns a jQueryUI menu widget into a context menu.
Stars: ✭ 170 (-12.37%)
Mutual labels:  menu
Chinese Lunar Calendar For Mac
Chinese Lunar Calendar for Mac
Stars: ✭ 150 (-22.68%)
Mutual labels:  menu
Arduino Menusystem
Arduino library for implementing a menu system
Stars: ✭ 161 (-17.01%)
Mutual labels:  menu
Sway Launcher Desktop
TUI Application launcher with Desktop Entry support. Made for SwayWM, but runs anywhere
Stars: ✭ 188 (-3.09%)
Mutual labels:  menu
Vue Dock Menu
⚓Dockable Menu bar for Vue
Stars: ✭ 183 (-5.67%)
Mutual labels:  menu
Ax5ui Kernel
Javascript UI Framework - AX5UI - Kernel Module
Stars: ✭ 164 (-15.46%)
Mutual labels:  menu

angular-aside npm version

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

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

Live Demo

Install

Bower:

 $ bower install angular-aside

Then, include css/js in html.

NPM

 $ npm install angular-aside

Usage

 angular.module('myApp', ['ui.bootstrap', 'ngAside']);
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 documentation.

Additional Config

  • placement - Aside placement can be 'left', 'right', 'top', or 'bottom'.

Credits

Author

İsmail Demirbilek (@dbtek)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].