ngDropover | Angular-js directive for event triggers of dropdowns

ngDropover directive

ngDropover

Stars : 10

Forks : 10

Created by Verical

bower install ngdropover

Demo Download GitHub

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

Javscript

Javascript plugin

Angular-js