Comments (3)
Hi @mcihadkurel ,
Thanks for the interest in our package, I'm glad you like it!
There isn't directly a tutorial for the usage of the hook. However, the basic usage documentation is more or less supposed to serve that purpose.Have you taken a look at it? If not, I encourage you to do so: https://sparksuite.github.io/react-accessible-dropdown-menu-hook/docs/getting-started/using
From there, if you need more detailed information about exactly what the hook returns when called, see the "Return object" documentation:
https://sparksuite.github.io/react-accessible-dropdown-menu-hook/docs/design/return-object
That provides a very details breakdown of what the whole return object contains with descriptions for each value.
Lastly, if you have or after you have reviewed that documentation, if you have specific questions about applications in certain use cases or if you have specific pain points we can address, let me know in a reply!
from react-accessible-dropdown-menu-hook.
My initial suggestion is, if possible, just use buttons instead of divs. Buttons are inherently interactive where divs are not. However, to fully answer your question, full functionality for non-button menubuttons is not currently implemented in our package. You can see #69 for more information.
No one has opened a pull request to resolve that issue yet, and we always welcome new contributors to the repo!
from react-accessible-dropdown-menu-hook.
Hi Cory,
Thank you for your clarification. One thing that makes me confusing is, in the example you show in demo is a button. But we are using div as a dropdown menu to expand and collapse items. How can I spread this buttonProps to a div?
from react-accessible-dropdown-menu-hook.
Related Issues (20)
- Some suggestions HOT 9
- First menu item only receives focus if menu is opened via keyboard controls HOT 1
- Support closing menu with escape key while the menu button has focus HOT 1
- Add option to choose whether to focus first item on click
- MenuItems as Link of React Router HOT 1
- Reduce number of variables documented in some cases
- subMenu support? HOT 2
- Add support for submenus HOT 1
- If you hold down the escape key then click the dropdown, it doesn't open again HOT 7
- React Native support HOT 2
- Typescript errors when using buttons in dropdown HOT 2
- Usage of deprecated method HOT 2
- Resizing elements broken on phone
- Difference to downshift? HOT 1
- Can't use moveFocus to focus on the currently selected option HOT 3
- Hovering over "Get started" button hides text HOT 1
- Change instances of `user.type` to `user.keyboard`
- Rework focus on click behavior HOT 5
- Update documentation
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-accessible-dropdown-menu-hook.