0.1.3 • Published 5 years ago
vue-scroll-indicator v0.1.3
Vue-scroll-indicator
Scroll indicator component using Vue.js.
Demo
Installation
$ 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);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.