svelte-interactive-carousel

WARNING!	This package is still under development. It does not do what it says it does (yet!).

Interactive Carousel (for Svelte)

A smooth, draggable, stylable, responsive, friendly, interactive carousel that is basicly a marquee, but way cooler. Importable as a svelte-component.

---

📔	Docs	Full Documentation & Examples
📦	NPM	Node Module details

---

features

• ✨ fully customisable, stylable & accessible
• 👆 draggable
• 🖱 scrollable (trackpad horizontal scrolling)
• 💻 responsive

• 🎭 animated

install

Open your project and use the command line to install the package;

pnpm add svelte-interactive-carousel --save-dev               # for pnpm
npm i svelte-interactive-carousel@latest --save-dev --force   # for npm
yarn add svelte-interactive-carousel --dev                    # for yarn

Tip:: If you're using npm/yarn, check out pnpm! It's 2x faster.

usage

in a svelte project

Assuming you have a Svelte app up and running;

<script>
  import {InteractiveCarousel, Slide} from "svelte-interactive-carousel";
</script>

<InteractiveCarousel values={[50]} pips>
    <Slide>1</Slide>
    <Slide>2</Slide>
    <Slide>3</Slide>
</InteractiveCarousel>