I’m building an interactive component and have defined 4 variants:
selected. However, I’m unable to properly switch between them to create a truly interactive component.
I hover on
default and it changes to
I press on
hovered and it changes to
However when I release
pressed I’m not sure how to change to
selected. Tried having
hovered to no avail, there’s no
Additionally noticing this is a problem when a component with a
selected state share a hover state - how does the system know which is
off to switch to when hovered?