Skip to main content
Question

Protoype with instances of a component


Is there a way to achieve the following in the prototype?

I have a component say X, which has three variants, Default, Hover, Selected. What I want to do is to use two instances of this component and both of them have the hover state, but clicking an instance changes it to the selected state but deselects the other instance.
I know how to do interaction prototypes, but don’t know how to have different states for the instances of the same component in a single design.

This topic has been closed for comments

2 replies

Haroll
  • Active Member
  • 273 replies
  • December 6, 2023

Hello @Popeye

I’m not sure to understand well what you’re looking for.

  1. In your prototype you want two instances of X set on hover state.
  2. And when you click on either of this instance, the one clicked should become selected and the other one default? as shown below

  • Author
  • 1 reply
  • December 6, 2023

@Haroll Pretty much yeah. Just that in 1. instance of X set on default but hover works like it should.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings