https://github.com/cibernox/ember-basic-dropdown-hover

Variation of ember-basic-dropdown that opens on hover
https://github.com/cibernox/ember-basic-dropdown-hover

addon dropdown ember hover

Last synced: 7 months ago
JSON representation

Variation of ember-basic-dropdown that opens on hover

• Host: GitHub
• URL: https://github.com/cibernox/ember-basic-dropdown-hover
• Owner: cibernox
• License: mit
• Created: 2017-02-02T13:17:15.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2019-02-08T14:40:25.000Z (about 7 years ago)
• Last Synced: 2025-04-23T15:25:01.910Z (10 months ago)
• Topics: addon, dropdown, ember, hover
• Language: JavaScript
• Size: 267 KB
• Stars: 5
• Watchers: 2
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# ember-basic-dropdown-hover

This is an addon for ember-basic-dropdown that implements a nicer API to open

and close it on `mouseEnter/mouseLeave`.

## Installation

* `ember install ember-basic-dropdown-hover`

That's it, you don't need to have `ember-basic-dropdown` as a dependency too, although you can.

## Usage

The API is identical to [Ember Basic Dropdown](www.ember-basic-dropdown.com) except for the

different component name. Example:

```hbs

{{#basic-dropdown-hover as |dd|}}

  {{#dd.trigger}}Hover me{{/dd.trigger}}

  {{#dd.content}}

    
Hello world

  {{/dd.content}}

{{/basic-dropdown-hover}}

```


Each component should accept the same options as Ember Basic Dropdown. If it doesn't, open an issue.

There is three options exclusive of this component that you can use:

* `delay` The delay between the moment the mouse enters/exits the trigger/content. Defaults to 300ms

* `openDelay` Delay for opening the dropdown. Default to `delay`

* `closeDelay` Delay for closing the dropdown. Default to `delay`