1.0.1 • Published 3 years ago

svelte-horizontal-scroller v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

svelte-horizontal-scroller

npm NPM

A pretty straightforward, simple, and unstyled Horizontal Scroller for Svelte.

Support for mobile touch and cursor drag & drop.

Demo

LIVE DEMO

DragAndDrop

How to install

npm install svelte-horizontal-scroller

How to use it

<script>
    import HorizontalScroller from "svelte-horizontal-scroller"
</script>

<HorizontalScroller>
    Add your items here
</HorizontalScroller>

Styling

This component has almost no styles on it (beyond those necessary for its functionality), but you can change the padding, width, and default item gaps declaring the following variables on your global css:

VariableDefault Value
--horizontal-scroller-widthauto
--horizontal-scroller-padding1em
--horizontal-scroller-gap1em
1.0.1

3 years ago

1.0.0

3 years ago

0.9.3

3 years ago

0.9.2

3 years ago

0.9.1

3 years ago

0.9.0

3 years ago