Dropdown Menu Component
This is a flexible and accessible DropdownMenu component built using React, Tailwind CSS, and the Context API. It allows for easy integration of dropdown menus with custom triggers and animated content panels.
Benefits & Features
- Fully controlled or uncontrolled usage (controlledOpen & onClose)
- Click outside to close
- Optional animation on open/close
- Auto-close on item click
- Keyboard accessible (Enter, Space to toggle)
- asChild support for custom trigger elements
- ARIA support for accessibility
- Utility-first styling using Tailwind CSS