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
Copyright
Copyright © 2015.
License
ngDropover is under MIT license - http://www.opensource.org/licenses/mit-license.php