Svelte Swipe with zero dependencies :fire: :boom:
Swipable items wrapper component for Svelte :fire: :boom: (zero dependencies - 3.37 KB gzipped)
npm i -D svelte-swipe
![]()
<swipeitem> <img src="https://github.com/SharifClick/svelte-swipe/raw/master/./images/2.jpg" alt=""> </swipeitem> <swipeitem> <img src="https://github.com/SharifClick/svelte-swipe/raw/master/./images/3.jpg" alt=""> </swipeitem> <swipeitem> <img src="https://github.com/SharifClick/svelte-swipe/raw/master/./images/4.jpg" alt=""> </swipeitem>
... ...
Say Hi...
.... ...
.... ...
:root{ --sv-swipe-panel-height: inherit; --sv-swipe-panel-width: inherit; --sv-swipe-panel-wrapper-index: 2; --sv-swipe-indicator-active-color: grey; --sv-swipe-handler-top: 0px; }
| Name | Type | Description | Required | Default | | --- | --- | --- | --- | --- | |
is_vertical|
Boolean| allow swipe items vertically | No |
false| |
autoplay|
Boolean| Play items as slide | No |
false| |
showIndicators|
Boolean| appears clickable circle indicators bottom center of item | No |
false| |
transitionDuration|
Number| staying duration of per slide/swipe item | No |
200*ms | |
delay|
Number| transition delay | No |
1000*ms | |
defaultIndex|
Number| initial item index | No |
0|
Download stats for this NPM package