# Swiping thru tabs/slides and adding active slide

**URL:** <https://community.weweb.io/t/swiping-thru-tabs-slides-and-adding-active-slide/9554>\
**Category:** How do I?\
**Created:** [July 5, 2024, 8:12am UTC](https://community.weweb.io/t/swiping-thru-tabs-slides-and-adding-active-slide/9554 "2024-07-05T08:12:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![TimBlazicCalda](https://avatars.discourse-cdn.com/v4/letter/t/d26b3c/32.png) [@TimBlazicCalda](https://community.weweb.io/u/TimBlazicCalda)\
**Post date:** [July 5, 2024, 8:12am UTC](https://community.weweb.io/t/swiping-thru-tabs-slides-and-adding-active-slide/9554/1 "2024-07-05T08:12:34Z")

</div>

Hi, I am trying to build a page with Carousel/Slider in my hero section. At the top of this component I would like to have tabs to switch between slides. But I would also like to swipe between slides. Is there any way to make it like that: When I click on tab it should switch the slide(depends on the tab), and swipe thru slides and I would also like to store active slide in a variable. Does that make sense?

---

<div class="post-metadata">

**Author:** ![Timothy](https://avatars.discourse-cdn.com/v4/letter/t/f14d63/32.png) [@Timothy](https://community.weweb.io/u/Timothy)\
**Post date:** [October 27, 2024, 4:04am UTC](https://community.weweb.io/t/swiping-thru-tabs-slides-and-adding-active-slide/9554/2 "2024-10-27T04:04:20Z")

</div>

Any solution you found here? I’m trying to do the same thing to achieve sliding sub-navigation on mobile, but want to preserve tab-based navigation. It seems to depend on exposing the active slide and binding it to a variable.