Multiple items questions

[diegogutierrez-dev]

Hi! First of all, thank you so much for creating this! It has to be one of the best carousel management APIs I've ever used, I have to admit.

I have begun using it, using it for the majority of the use cases I have encountered. There are just two scenarios that I don't know how to handle.

1. When multiple items are set, for instance, Is there a way to pass two by two?
   For example.
   Visible "[1, 2]" followed by "clicks next" to reveal "[3, 4]"

Note: I was thinking of iterating my items first and grouping them by pairs, and then having just one page. but wanted to make sure first if there is a way that is not a workaround.

2. Is it possible to give the items a class called "active"? I want the ones that are not active to have a low opacity. I see the carousel has a way to get the current item, but I'm not sure how I can use this to accomplish my goal.

Thanks in advance!

[Emiliano-Bucci]

@diegogutierrez-dev Hi! :)

So, for your use case n°1, currently it isn't possible, though I'm exploring the possibility to do it internally in v3. I would say that, at the moment, the only way to do it is by iterating and grouping the items by yourself as you said (inside renderItem you will have to render 2 items instead as one).

{
  id: "doube-item",
  renderItem: (
   <div> 
      <Comp />
      <Comp />
   </div>
  )
}

For your use case n°2, as above, at the moment it isn't possible. You can do it by using the hook useListenToCustomEvent inside your carousel components (this way you can customize your component in any way you want).

Here's an example of how it's being used -> https://react-spring-carousel.emilianobucci.com/docs/events.

The carousel used in the home page works this way. (every component used in the carousel check if itself is the active one - inside the hook callback - and then set it's internal state; this way the carousel don't suffer from external rerenders, just the internal component).

Please let me know if that's help (for the moment) or if you need further assistance. :)

Note: I intend to release together with v3 lots of examples that should cover most common use cases but as the library is being adopted more and more i would like to ask folks what could be added to improve it (maybe I will open a discussion) since this project was born only for personal usage and I didn't expect that people will start using it :D

[diegogutierrez-dev]

Thanks for taking the time to answer, everything shared is handy!

On the other hand, let me know if there is a way I can contribute! I would love to.