toolkit
toolkit copied to clipboard
Card component with no hover state
Expected Behaviour
We need to be able to use the Card component without the default hover state. A modifier class to disable those styles needs to be implemented.
Current Behaviour
When you hover/focus on a card, the component moves and the shadow changes. In a later major release of Toolkit this will be opt-in behaviour, but for now it will remain the default for backwards compatibility.
Context
Two upcoming projects in Trading require cards that are non-interactive with no hover or focus states.
Agreed, I think a sensible approach would be to:
- Release a
--no-hover
modifier as a feature. - Follow up with a
__link
component to provide that behaviour as a breaking change in3.0
.
Yep thats the plan.
Do you think --no-hover
is suitable? What about --static
or --unlinked
?
I like --static
personally.
Yup, I'm sold on --static
- go for it
Re-opening this to resolve in 3.0