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.0.0

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