New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

angular-menu-aim

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-menu-aim

jQuery Menu aim adopted for Angular

  • 1.1.0
  • latest
  • npm
  • Socket score

Version published
Weekly downloads
4
decreased by-33.33%
Maintainers
1
Weekly downloads
 
Created
Source

develop ![Circle CI Badge] (https://circleci.com/gh/neilff/angular-menu-aim/tree/develop.png?circle-token=:circle-token)

master ![Circle CI Badge] (https://circleci.com/gh/neilff/angular-menu-aim/tree/master.png?circle-token=:circle-token)

angular-menu-aim

angular-menu-aim is a AngularJS friendly port of jQuery Menu Aim.

Installation

bower install angular-menu-aim
  1. Include build/flyout-tpls.min.js
  2. Link src/flyout.css (or copy it into your your own CSS)
  3. Include neilff.flyout-tpls into your Angular dependencies
  4. Use the provided HTML structure

Usage

<flyout-navigation
  visible="myCtrl.flyoutReveal">
  <flyout-item
    ng-repeat="item in categories track by $index">
    <flyout-link>
      {{ item.name }}
    </flyout-link>
    <flyout-popover>
      <p>{{ item.name }}</p>
    </flyout-popover>
  </flyout-item>
</flyout-navigation>

Demos

  1. Simple
  2. Monkeys
  3. eCommerce

Documentation

<flyout-navigation></flyout-navigation>

Refers to the wrapper for the navigation menu, supports the following properties:

  • visible {Boolean} (required) - Is the menu visible or not. Used to trigger menu visiblity from a button.
  • selector {String} (optional) - CSS selector for the flyout-item. Defaults to popover.
  • tolerance {Integer} (optional) - how much tolerance to allow when user is entering submenu (default: 500)
  • delay {Integer} (optional) - how long (in milliseconds) to wait when user is entering submenu (default: 1000)
  • direction {String} (optional) - the direction of the submenu (right, left, below, above) (default: right)
  • enter {Function} (optional) - callback to execute when row is entered (default: set menu height)
  • exit {Function} (optional) - callback to execute when row is exited (default: nothing)
  • activate {Function} (optional) - callback to execute when row is activated (default: set menu height)
  • deactivate {Function} (optional) - callback to execute when row is deactivated (default: nothing)
  • exitmenu {Function} (optional) - callback to execute when user exits the menu (default: close menu)
<flyout-item></flyout-item>

Acts as a wrapper for each item in the menu. ng-repeat over this to build the menu items.

Acts as a wrapper for the item link, this will appear in the menu flyout as the top level navigation items.

<flyout-popover></flyout-popover>

Acts as a wrapper for the item content, this will appear when a users hovers over a flyout-item.

FAQs

Package last updated on 25 Apr 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc