# @fuzzco/vue-marquee

> Reliable, accessible, bare-bones marquee in Vue.

Latest version **1.0.2** (published 2019-09-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install @fuzzco/vue-marquee
pnpm add @fuzzco/vue-marquee
yarn add @fuzzco/vue-marquee
bun add @fuzzco/vue-marquee
```

## 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.2 |
| Published | 2019-09-09 |
| First published | 2019-05-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 594.6 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | jrobson153, sandermoolin |

## Links

- npm: https://www.npmjs.com/package/@fuzzco/vue-marquee
- npm.io page: https://npm.io/package/@fuzzco/vue-marquee

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.6.10
- [imagesloaded](https://npm.io/package/imagesloaded.md) ^4.1.4

## Recent versions

- 1.0.2 (latest) — 2019-09-09
- 1.0.1 — 2019-05-23
- 1.0.0 — 2019-05-23

## README

VueMarquee gives you a reliable, accessible, bare-bones marquee in Vue. You provide the content and the styling, this component provides the rest. [Demo](https://fuzzco.github.io/vue-marquee/)

## Usage

`npm i @fuzzco/vue-marquee`

[Register component in Vue](https://vuejs.org/v2/guide/components-registration.html), then:

```html
<template>
    <main>
        <!-- standard options -->
        <vue-marquee>
            <p>
                <code>VueMarquee</code> gives you a reliable, accessible,
                bare-bones marquee. You provide the content and the styling,
                this component provides the rest.
            </p>
        </vue-marquee>

        <!-- custom props -->
        <vue-marquee :groups="10" :speed="150">
            <p>
                Your content will be repeated 10 times here and scroll at
                150px/second.
            </p>
        </vue-marquee>
    </main>
</template>
```

## Options

| Prop     | Type   | Default | Notes                                                                                                                                                                                 |
| -------- | ------ | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `groups` | Number | 5       | How many times the text will be repeated. All repetitions after the first have `aria-hidden` set to true. Add more repetitions if your content isn't reaching the edge of the screen. |
| `speed`  | Number | 75      | Target scroll speed in pixels per second.                                                                                                                                             |

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