0.1.2 • Published 5 years ago

vue-scrollin v0.1.2

Weekly downloads
11
License
MIT
Repository
github
Last release
5 years ago

scrollin title gif

Scroll-in text component for Vue

'vue-scrollin' is a Vue component that scrolls through various characters on mount before revealing the correct text.

Install

Install the package from npm with your favorite package manager (eg. yarn add vue-scrollin or npm i vue-scrollin).

Usage

Simply import and register the component and use it in your template. For example,

<template>
  <VScrollin>
    this text will scroll
  </VScrollin>
</template>

<script>
import VScrollin from 'vue-scrollin'

export default {
  [...]
  components: {
    VScrollin
  }
};
</script>

Props

Easily customise the animation with optional props.

Property nameTypeDefaultDescription
charactersArraya-zCharacters scrolled through
missesNumber4Number of scrolls before correct letter
speedNumber80Delay of each letter scoll (ms)

vue-scrollin demo