Skip to content

zgunz42/svelte-slideit

Repository files navigation

Svelte SlideIt

npm-publish svelte-v2 svelte-v3

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/