ngdropover

1.1.0 • Public • Published

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

Package Sidebar

Install

npm i ngdropover

Weekly Downloads

6

Version

1.1.0

License

MIT

Last publish

Collaborators

  • santhony7
  • rickysandoval