🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

ngDropover is a feature-rich, event-driven solution for dropdowns, popovers, tooltips, or any other time you need a trigger or triggers to hide-show elements. The only dependency is AngularJS and your imagination!Open and close the dropover programmatically with eventsBuilt in touch supportEasily create multiple triggers for single dropoverClose dropover when clicking outside directiveDoesn’t use event.stopPropagation()

Plugins

Documentation

ngDropover

ngDropover is a feature-rich, event-driven solution for dropdowns, popovers, tooltips, or any other time you need a trigger or triggers to hide-show elements. The only dependency is AngularJS and your imaaginaaaationnnn!

  • Open and close the dropover programmatically with events
  • Built in touch support
  • Easily create multiple triggers for single dropover
  • Close dropover when clicking outside directive
  • Doesn't use event.stopPropagation()

Current Version 1.1.4

Demo and Docs

Check out the ngDropover's website for all the documentation and example goodness - Prepare your eyeballs

Installation

Install with NPM
npm install --save ngdropover
Add it to your module
angular.module('myApp', ['ngDropover']) 

Basic Usage

<div ng-dropover ng-dropover-options="{'position':'bottom-center','triggerEvent':'hover'}">     <button class="regular-button">Hover Over Me!</button>     <div ng-dropover-contents>         Dropover contents!     </div> </div>

Options

{     'horizontalOffset': 0,     'verticalOffset': 0,     'triggerEvent': 'click',     'position': 'bottom-left',     'closeOnClickOff': true,     'groupId': '',     'staticOptions': false }

Authors

Ricky Sandoval

Tony Smith

Copyright

Copyright © 2015.

License

ngDropover is under MIT license - http://www.opensource.org/licenses/mit-license.php


You May Also Like