# @edymberg/another-vue-carousel

> ```

Latest version **1.0.0** (published 2019-05-06) · 0 weekly downloads

## Install

```sh
npm install @edymberg/another-vue-carousel
pnpm add @edymberg/another-vue-carousel
yarn add @edymberg/another-vue-carousel
bun add @edymberg/another-vue-carousel
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2019-05-06 |
| First published | 2019-05-06 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 299.6 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | edymberg |

## Links

- npm: https://www.npmjs.com/package/@edymberg/another-vue-carousel
- npm.io page: https://npm.io/package/@edymberg/another-vue-carousel

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.6.10
- [core-js](https://npm.io/package/core-js.md) ^2.6.5

## Recent versions

- 1.0.0 (latest) — 2019-05-06

## README

### How to use it:

```
    <!-- Carousel configuration: -->
    <Carousel :itemsLength="items.length"
              :itemsToShow="3" 
              :itemWidth="200" 
              :itemHeight="200" 
              :itemMarginRight="10" 
              :arrowMargin="0" 
              :arrowWidth="20" 
              :arrowHeight="50" 
              id="carousel">

      <template v-slot:left-arrow>
        <MyArrow :navDirection="'left'" :icon="'chevron-left'"/>
      </template>
              
      <CarouselItem v-for="item in items" v-bind:key="`item-${item}`">
        <MyItem/>
      </CarouselItem>

      <template v-slot:right-arrow>
        <MyArrow :navDirection="'right'" :icon="'chevron-right'"/>
      </template>
    </Carousel>

 /*
  MyArrow styles:

  - NOTE that the arrows must have:
    * width equal to arrowWidth in the Carousel
    * height equal to arrowHeight in the Carousel

  MyComponent styles:
  
  - NOTE that the items must have:
    * margin-right equal to itemMargin in the Carousel
    * width and height equal to itemWidth and itemHeight in the Carousel
  */ 
```

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