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>
