Ability to slide with touch on Carousels | Voters

Ability to slide with touch on Carousels

complete

Júlio Mühlbauer

Like Mantine: https://mantine.dev/others/carousel/

October 9, 2023

Michał Korczak

marked this post as

complete

With native CSS scroll-snap: https://ark-ui.com/react/docs/components/carousel

Peter Dräxler

Michał Korczak nice. It’s working well, but the active item indicator is lagging behind. I can already be on the 4th slide, but it’s still showing 1st. Is it possible to fix that?

Lilou

Native CSS scroll snap would be more than enough!

Michał Korczak

Lilou and there is :)

https://github.com/chakra-ui/zag/blob/main/CHANGELOG.md#0790---2024-12-22

Michał Korczak

marked this post as

planned

St La

Michał Korczak Any news?

Michał Korczak

St La yes! It's in beta in Zag.js
https://github.com/chakra-ui/zag/blob/main/CHANGELOG.md#0790---2024-12-22
https://zagjs.com/components/react/carousel

Christian Schröter

https://github.com/chakra-ui/ark/issues/1520
add support for changing the slides by dragging/swiping the carousel.
Proposed Solution or API
some apis already implement this behaviour:
https://swiperjs.com/
https://formidable.com/open-source/nuka-carousel/
https://www.embla-carousel.com/

Júlio Mühlbauer

Christian Schröter: Maybe a native css scroll snap would be great for mobile at least.