Giter VIP home page Giter VIP logo

svelte-slideit's Introduction

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/

svelte-slideit's People

Contributors

renovate-bot avatar zgunz42 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

svelte-slideit's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • Update pascalgn/npm-publish-action digest to 5994a39
  • Update actions/checkout action to v4
  • Update actions/setup-node action to v4
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/npm-publish.yml
  • actions/checkout v2
  • actions/setup-node v1
  • pascalgn/npm-publish-action 4f4bf159e299f65d21cd1cbd96fc5d53228036df
npm
package.json
  • @glidejs/glide ^3.4.1
  • @gen/rollup-plugin-generate-html 0.1.1
  • @rollup/plugin-commonjs 11.1.0
  • @rollup/plugin-node-resolve 6.1.0
  • rollup 1.32.1
  • rollup-plugin-serve 1.0.1
  • rollup-plugin-svelte 5.2.1
  • svelte 3.22.2
  • svelte-preprocess 3.7.4

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.