simrat39/svelte-slideit

glidejs.com port for awesome svelte

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:

• Responsive config options
• Port all glidejs event to svelte custom event
• Many slot that can you fill with "any html tag"
• 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/