Skip to content
New issue

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

Enable custom styling for elements which are both focused and hovered #350

Open
Torvaney opened this issue Feb 27, 2023 · 0 comments
Open

Comments

@Torvaney
Copy link

Currently, when both Element.focused and Element.mouseOver are active on an element, it will resolve to just using the focused styles. This is not always desirable, and it would be great to be have more control over how the combination of these states is resolved.

For example, the highly regarded UK government design system has buttons which appear differently when

  • hovered (white text on darker green background)
  • focused (black text on yellow background)
  • hovered and focused (white text on darker green background, with yellow inner border)

#feature-suggestion

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant