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

• Robbin Johansson
• spatie/skeleton-vue

License

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