Angular Panels

Pure AngularJS based lightweight(1.7KB) Side Panels. ScreenShot



Copy the script and css into your project and add a script and link tag to your page.

And add panels container tag to your application.

Add a dependency to your application module and configure panel settings.

attributes are..

  • id : panel's unique id.
  • position : the side panel slides from top/right/bottom/left.
  • size : panel's height or width. unit(px,em,%..) is required.
  • templateUrl : panel template url.
  • controller : panel's controller name.
  • openCallbackFunction : panel open callback.
  • closeCallbackFunction : panel close callback.

Open panel

Opening panel also very simple. Inject panels service to your app then call the service method like below.

Browser Compatibility

IE9+, Chrome, Safari


version 1.0.3

  • add provider to configure panels
  • remove limitation of number of panel

version 1.0.0

  • first release


The MIT License.

Copyright ⓒ 2015 AHN JAE-HA.


comments powered by Disqus
This page was last updated over 3 years ago.