Skip to main content
New Participant
February 15, 2022
Answered

How to create slider with multiple component states and action?

  • February 15, 2022
  • 2 replies
  • 720 views

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 has been closed for replies.
Correct answer Rishabh_Tiwari

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
Community Manager
Rishabh_TiwariCommunity ManagerCorrect answer
Community Manager
February 15, 2022

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

AkinGn
Community Expert
February 15, 2022

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!