# vue-prokrutchik

> Vue wrapper for Prokrutchik

Latest version **2.0.1** (published 2022-06-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-prokrutchik
pnpm add vue-prokrutchik
yarn add vue-prokrutchik
bun add vue-prokrutchik
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.1 |
| Published | 2022-06-05 |
| First published | 2019-01-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM |
| Dependencies | 1 |
| Unpacked size | 46 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 7 |
| Author | Alex Bespoyasov |
| Maintainers | bespoyasov |
| Keywords | scroller, scroll, drag, drag-n-drop, vue |

## Links

- npm: https://www.npmjs.com/package/vue-prokrutchik
- Repository: https://github.com/bespoyasov/vue-scroller
- Homepage: https://github.com/bespoyasov/vue-scroller#readme
- Issues: https://github.com/bespoyasov/vue-scroller/issues
- npm.io page: https://npm.io/package/vue-prokrutchik

## Dependencies (1)

- [prokrutchik](https://npm.io/package/prokrutchik.md) ^3.0.1

## Recent versions

- 2.0.1 (latest) — 2022-06-05
- 2.0.0 — 2022-06-02
- 1.0.3 — 2019-08-06
- 1.0.2 — 2019-01-27
- 1.0.1 — 2019-01-27
- 1.0.0 — 2019-01-27

## README

# Vue Scroller

Vue wrapper component for [Scroller](https://github.com/bespoyasov/scroller).

## Installation

`npm install vue-prokrutchik`

## Usage

```html
<script>
  import Scroller from "vue-prokrutchik";

  export default {
    components: {
      Scroller,
    },
    data() {
      return {
        position: 150,
        duration: 250,

        scrollbar: "visible",
        navigation: "visible",
        align: "center",

        onItemClick: (event) => {
          /* event is Touch event or MouseEvent */
        },
      };
    },
  };
</script>

<template>
  <scroller
    :position="position"
    :duration="duration"
    :scrollbar="scrollbar"
    :navigation="navigation"
    :align="align"
    :onItemClick="onItemClick"
  >
    <div class="item" data-anchor="First">First Item</div>
    <div class="item" data-anchor="Second">Second Item</div>
    <div class="item" data-anchor="Third">Third Item</div>
  </scroller>
</template>

<style>
  @import "vue-prokrutchik/style.css";
</style>
```

## Configuration

For more configuration options, check out [Scroller settings](https://github.com/bespoyasov/scroller#configuration).

---
_Source: https://npm.io/package/vue-prokrutchik · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._