is it possible to enable swipeable Tabs on browser?
-
Tab components has swipeable on phone, how enable this in browser? Tab has swipeable on phone, how enable this in browser?
-
isnt swiping only a mobile thing? how would you swipe on desktop?
-
It works on desktop too! Just click and drag to one of the directions then quickly release mouse.
-
It also takes into account if the screen upon which the UI is rendered has touch support or not. For such a desktop/laptop screen, it will work with both touch and mouse actions.
-
Thanks for answering
i have bad english you probably misunderstood me,
Icons appear on the browser when clicked, burned, as on the phone it works when you tap,
i need similar on a youtube like carousel
-
Moving the mouse in the browser does not work for me, only when I click on the icons on the edges
on YouTube moving using the mouse works -
@Max My laptop has a touch screen, too
-
@chyde90 valid point
-
to enable swipe on tabs panels,
- add ‘TouchSwipe’ to directives[] in quasar.config.js
- add swipeable to q-tab-panels tag, e.g. <q-tab-panels v-model=“tab” swipeable animated class=“bg-primary text-white”>
In other words, the swipe is enabled on the panels div rather than on the tabs.
I haven’t yet figured out how to do it with Q-Route-Tab