svelte-slideit

0.6.0 • Public • Published

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/

Readme

Keywords

Package Sidebar

Install

npm i svelte-slideit

Weekly Downloads

2

Version

0.6.0

License

MIT

Unpacked Size

235 kB

Total Files

10

Last publish

Collaborators

  • zgunz42