react-dd-menu | React Dropdown Menu | Menu library

by mlaursen JavaScript Version: 2.0.2 License: MIT

X-Ray Key Features Code Snippets Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | react-dd-menu Summary

react-dd-menu is a JavaScript library typically used in User Interface, Menu, React applications. react-dd-menu has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can install using 'npm i react-dd-menu-customized' or download it from GitHub, npm.

React Dropdown Menu

Support

Quality

Security

License

Reuse

Support

react-dd-menu has a low active ecosystem.

It has 139 star(s) with 40 fork(s). There are 1 watchers for this library.

It had no major release in the last 12 months.

There are 13 open issues and 13 have been closed. On average issues are closed in 34 days. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of react-dd-menu is 2.0.2

Quality

react-dd-menu has no bugs reported.

Security

react-dd-menu has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

react-dd-menu is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

react-dd-menu releases are not available. You will need to build from source code and install.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of react-dd-menu

Get all kandi verified functions for this library.

react-dd-menu Key Features

No Key Features are available at this moment for react-dd-menu.

react-dd-menu Examples and Code Snippets

No Code Snippets are available at this moment for react-dd-menu.

Community Discussions

Trending Discussions on react-dd-menu

onClick not firing, event IS a function

QUESTION

onClick not firing, event IS a function

Asked 2020-Feb-14 at 21:52

I realize there are 400 questions with the same title here, but for every one, the issue is that the onClick method was NOT a function. Mine is.

...

ANSWER

Answered 2020-Feb-14 at 21:52

The problem stems from this line: https://github.com/mlaursen/react-dd-menu/blob/master/src/js/NestedDropdownMenu.js#L45. It's intercepting all clicks and stopping propagation. Removing this line: https://github.com/mlaursen/react-dd-menu/blob/master/src/js/NestedDropdownMenu.js#L54, fixes the issue.

Working example:

That said, the react-dd-menu package is extremely dated. I'd recommend looking for other alternatives (or developing your own drop menu!).

Source https://stackoverflow.com/questions/60232552

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install react-dd-menu

isOpen - Boolean for telling if the menu is open. This was passed in as a prop instead of having the component's own state so you can decide when to close the menu on your own.
close - a function to call that turns the isOpen boolean to false
toggle - any renderable item that will be used to toggle the menu open. So normally a button or any other content.
inverse - boolean if it is an inversed color menu
align - the alignment for the animation, text, and menu if the specific props are not given. Defaults to center
animAlign - the alignment/direction that the menu will appear from
textAlign - the alignment of each list item's text
menuAlign - the alignment of the menu to the toggle element
size - the size of the menu. Defaults to auto size.
className - any additional css classes to add the the dropdown menu container. (.dd-menu)
upwards - boolean if the menu should go upwards. Defaults to false
animate - boolean if the menu should animate on open and close. Defaults to true
enterTimeout - the amount of time in ms to end the CSSTransitionGroup. Defaults to 150
leaveTimeout - the amount of time in ms to end the CSSTransitionGroup. Defaults to 150
closeOnInsideClick - a boolean if the menu should close when you click inside the menu. Defaults to true
closeOnOutsideClick - a boolean if the menu should close when you click elsewhere on the page. Defaults to true
toggle - an renderable item that will open the nested menu on hover. It gets wrapped in a li element, so it might be best to have a button or a link tag.
nested - the nested menu's expansion direction. The default case should hopefully be the only used case. Inherit - If the main dropdown menu is aligned left, the nested menu will appear to the left as well. Reverse - If the main dropdown menu is aligned left, the nested menu will appear to the right. Left - Force the menu to appear to the left of the menu. Right - Force the menu to appear to the right of the menu.
animate - boolean if the nested menu should animate when appearing. Defaults to false
direction - The animation direction.
upwards - boolean if the nested menu should render upwards. Defaults to false
delay - A number in ms to allow the mouse to be off of the dropdown menu to close it. Defaults to 500ms
enterTimeout - the amount of time in ms to end the CSSTransitionGroup. Defaults to 150
leaveTimeout - the amount of time in ms to end the CSSTransitionGroup. Defaults to 150
openOnMouseover - boolean if the menu can be opened/close by mouseover/mouseleave events

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: