Skip to content
Scroll indicator component using Vue.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__
dist
docs
src
.babelrc
.editorconfig
.eslintrc
.gitignore
.npmignore
.travis.yml
CHANGELOG.md
CONTRIBUTING.md
LICENSE.md
README.md Update repo/author/demo links Jan 31, 2019
package.json
webpack.base.js
webpack.config.js
yarn.lock

README.md

Latest Version on NPM Total Downloads on NPM Software License

Vue-scroll-indicator

Scroll indicator component using Vue.js.

Demo

Link

Installation

$ yarn add vue-scroll-indicator --dev
# or ...
$ npm i vue-scroll-indicator --save-dev

Register the component:

import Vue from 'vue';
import { VueScrollIndicator } from 'vue-scroll-indicator';

Vue.component('vue-scroll-indicator', VueScrollIndicator);

Alternatively using Vue.use() to register the component:

import VueScrollIndicator from 'vue-scroll-indicator';

Vue.use(VueScrollIndicator);

Usage

Display the component using default style:

<vue-scroll-indicator></vue-scroll-indicator>

Display the component using custom style:

<vue-scroll-indicator
    height="7px"
    color="#11998e"
    background="none"
>
</vue-scroll-indicator>

Available properties

Prop Data Type Required Default Description
height String false 5px Scroll indicator height
color String false linear-gradient(to right, #ec008c, #fc6767) Scroll indicator color
background String false #eaeaea Scroll indicator background-color

Changelog

Please see CHANGELOG for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Credits

License

The MIT License (MIT). Please see License File for more information.

You can’t perform that action at this time.