npm.io
0.0.12 • Published 4 years ago

svelte-interactive-carousel

Licence
ISC
Version
0.0.12
Deps
0
Size
12 kB
Vulns
0
Weekly
0
SummaryDependencyVersions
WARNING! This package is still under development. It does not do what it says it does (yet!).

Netlify Status

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>

Keywords

sveltecomponentinteractivecarouselmarqueeslidegallerydraggableresponsiveuiautoplayautowidthprettyslickcustomizabletouchablemovable