ngDropover

ngDropover is an Angular 1.x directive that 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!

Homepage

Angular Core Dependency: ~1.2.30

Module License: MIT

Added by: Sam Deering

GitHub

Repository

verical/ngdropover

Stats

Stars: 20

Watchers: 20

Forks: 3

Author

Verical
Verical

Module Description

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

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

Module stats last updated: 2017-03-16 16:00:03

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!