Consider to combine the burger and close icons for even more mobile friendly UX
JPuzzled opened this issue · 2 comments
First of all, thanks for the great work you've put in this project. The project came to my attention just recently. It is a nice feature that speeds up development for responsive web apps.
Since most users are right-handed I'd like the burger icon on the bottom right because of the increasing mobile usage. That's easy using the provided CSS classes. The "right" attribute on the component takes care of showing the menu on the right.
Closing the menu can be achieved by clicking the close icon or anywhere outside the menu. I'd like to use the burger icon to close the menu as well. I think this will improve the UX on mobile devices for most (read: right-handed) users.
Example of combined burger/close button: https://codesandbox.io/s/lpo41x20kq
I can choose to:
- change the CSS for the close icon to look the same and appear at the same location as the burger menu,
- hide the close icon, create a new close icon component and handle the open state myself,
- something great I did not think of.
What would you advise?
Never mind. I somehow overlooked the paragraph about custom icons. This is just great. Thanks again. :)
Beat me to it
Glad you found the custom icons!