We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
My use case is that I want to style an arrow icon inside the MenuButton based on whether the menu is open or not.
MenuButton
Is this a feature that could be accepted? Can I make a pull request?
The text was updated successfully, but these errors were encountered:
or maybe I should use the aria-expanded attribute?
aria-expanded
Sorry, something went wrong.
[aria-expanded="true"] will accomplish same thing fo sho
[aria-expanded="true"]
^ that works, will also be adding a render prop API here because we can't animate the exit transition yet.
It'll probably look like this:
<Menu> {({ isOpen }) => ( <MenuButton/> {isOpen && <MenuList/>} )} </Menu>
Not only will it allow animations, but you'd be able to add whatever classNames you wanted when it's open.
c9783ce
docs: how to style menu button when open
2a2034c
Closes reach#28
No branches or pull requests
My use case is that I want to style an arrow icon inside the
MenuButton
based on whether the menu is open or not.Is this a feature that could be accepted? Can I make a pull request?
The text was updated successfully, but these errors were encountered: