svelte-slideit
v0.6.0
Published
Lightweight and simple slider or carousel with no dependencies for svelte
Downloads
5
Readme
Svelte SlideIt
Hello SlideIt
SlideIt is a slider and carousel build on top of Glidejs. I build this because other svelte component like svelte-carousel did not support responsive because can't handle it Siema. Other reason i need carousel API like owlcarousel but use vanilla js for less depedency.
Core feature:
- [x] Responsive config options
- [x] Port all glidejs event to svelte custom event
- [x] Many slot that can you fill with "any html tag"
- [x] Glidejs css imported in style tag thank to svelte-preprocess
Event Name
All event name from Glidejs has been rename a.b
into aB
, so if want to listen
into some event like this.
<SlideIt on:montBefore={handler} />
It will listen into mount.before
of Glidejs event name
Render Carousel Item
<SlideIt items={[4,5,6]}>
<div slot="item" let:item>
<p>{item}</p>
</div>
</SlideIt>
Render Control and Bullet
TODO
Same Config as Glide js
See glidejs documentation https://glidejs.com/docs/options/