{"repo":"sparksuite/react-accessible-dropdown-menu-hook","free":true,"listed":false,"github":"https://github.com/sparksuite/react-accessible-dropdown-menu-hook","clone":"git clone https://github.com/sparksuite/react-accessible-dropdown-menu-hook.git","description":"A simple Hook for creating fully accessible dropdown menus in React","language":"TypeScript","stars":112,"topics":["react","accessibility","react-hooks","dropdown-menus","hacktoberfest"],"license":"MIT","category":"ui-components","readme_excerpt":"React Accessible Dropdown Menu Hook This Hook handles all the accessibility logic when building a dropdown menu, dropdown button, etc., and leaves the design completely up to you. It also handles the logic for closing the menu when you click outside of it. - ♿️ Fully accessible - 📦 Written entirely in TypeScript - 🔬 Thoroughly tested - ⚡️ Zero dependencies - ✨ Tiny size Quick start Install with Yarn or npm: Import the Hook: Call the Hook, telling it how many items your menu will have: Spread the buttonProps onto a button: Create the menu with the role='menu' property and spread itemProps[x] onto each item: Done! Documentation Read the docs at: https://sparksuite.github.io/react-accessible-dropdown-menu-hook/docs/ Demo See it in action: https://sparksuite.github.io/react-accessible-dropdown-menu-hook/demo/ Accessibility notes Our team carefully studied and adhered to strict accessibility guidelines when designing this Hook. To learn more, see: https://sparksuite.github.io/react-accessible-dropdown-menu-hook/docs/design/accessibility. Contributing We love contributions! Contributing is easy; learn how.","default_branch":null,"files":null,"tree":[],"storefront":"/r/sparksuite","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sparksuite/react-accessible-dropdown-menu-hook/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}