Skip to main content
Participant
Feb 15, 2022 3:56 PM UTC
Answered

How to create slider with multiple component states and action?

Hi, im new using XD. I dont know if its possible by now, but  Im trying to have 3 states in a button and an action. It is for a slider. I want to have an arrow, that has hover and pressed state, but also that when you click in it, move to the next photo. My slider its working, but without hover or any state, everytime i put it, it stops working. If anyone could help, i woudl be grateful

 

{Renamed By MOD}

This topic is closed to new replies. Start a new post to keep the conversation going.
Rishabh_Tiwari
Rishabh_TiwariCorrect answer
Legend
Feb 15, 2022 7:45 PM UTC

Hi there,

 

Thanks for reaching out. If you are trying to make a carousel effect, you can also checkout this article. For information on components and states, please check this article. Feel free to reach out if you need any further assistance.

 

Regards

Rishabh

2 replies

Rishabh_Tiwari
Rishabh_TiwariCorrect answer
Legend
Feb 15, 2022 7:45 PM UTC

Hi there,

 

Thanks for reaching out. If you are trying to make a carousel effect, you can also checkout this article. For information on components and states, please check this article. Feel free to reach out if you need any further assistance.

 

Regards

Rishabh

Translate
AkinGn
Community Expert
Community Expert
Feb 15, 2022 7:04 PM UTC

Hi @MiniCode as you see in the prototype link, I added hover states to the arrows and the slider works perfectly, you can check the prototype in the link: https://xd.adobe.com/view/13747c2f-2ede-4841-bbee-5dda94e3d746-4627/screen/0ec6f056-7148-401e-91b5-fd5ac8484604/  You can also download the XD file here: https://www.dropbox.com/s/oo4h4mia6u0cx2t/carousel-test-file-2.xd?dl=0 Hope this helps! 

Translate