Scroll indicator component using Vue.js.
$ yarn add vue-scroll-indicator --dev
# or ...
$ npm i vue-scroll-indicator --save-devRegister 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);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>| 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 |
Please see CHANGELOG for more information what has changed recently.
Please see CONTRIBUTING for details.
The MIT License (MIT). Please see License File for more information.