How can I achieve the following carousel?

[darshanhtailor]

The active slide shouldn't be at the center nor at the extreme left. I tried adding a translate in x style in itemsListProps but it isn't working.

[vadymshymko]

Hello. You can try something like this: 1. Add some className to the active slide (first from left side) via activeSlideProps.className prop 2. Add some className to all slides 3. Add something like this: .yourClassNameForActiveSlide + .yourClassNameForAllSlide {...some styles

…

On Tue, Mar 19, 2024, 14:21 Darshan Tailor ***@***.***> wrote: image.png (view on web) <https://github.com/vadymshymko/react-simply-carousel/assets/81902149/f18454cc-f428-4c6a-b6c8-59ea87859927> The active slide shouldn't be at the center nor at the extreme left. I tried adding a translate in x style in itemsListProps but it isn't working. — Reply to this email directly, view it on GitHub <#224>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACKM5LUPFGEMR6ZU6VMFB6LYZAUTFAVCNFSM6AAAAABE5OCRXSVHI2DSMVQWIX3LMV43ERDJONRXK43TNFXW4OZWGM4TKMJRG4> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[darshanhtailor]

I was able to implement it by adding translate style in itemListProps itself. Maybe I was doing something wrong elsewhere previously.