After switching off 'Reduce Motion' under operating system, it will synchronize the motion options.
npm install hanav
hanav is a React navigation menu component library that includes a set of triggers and a corresponding set of menu panels. Users can expand, switch, and collapse the menu panels through the triggers. The navigation menu typically appears at the top of a website, providing the most desired links and other controls for users.
🍯
Smooth Transition
There are intuitive entry, exit, and transition animations. After the exit animation ends, the disappeared panel will be removed from the DOM.
🎹
Keyboard Navigation
Pressing Tab and Esc to navigate, users can freely choose mouse or keyboard access.
♿️
Assistive Devices Navigation
There are standardized ARIA attributes, ensuring accessibility, and the content can be accessed using assistive devices like TalkBack or VoiceOver.
🎨
Highly Customizable
The rendered DOM corresponds one-to-one with the components, allowing styles to be set for each element and enabling the customization of transition animations.
📱
Mobile-Friendly Design
Provides a series of components specifically designed for mobile devices, allowing you to select 'Mini Mode' or switch to a mobile device experience.
🚀
Excellent Developer Experience
The usage closely aligns with the structure of the rendered output, with different functionalities corresponding to specific components, making it simple, intuitive, and efficient.
The usage of hanav is very simple, providing an intuitive and straightforward API, offering a great development experience. For detailed usage instructions, please refer to the hanav GitHub repository homepage.
Amidst the twinkling sea of stars, please hold tight to the navigation-153.