vue-scroll-indicator
Scroll indicator component using Vue.js
1,610
9
| Install | |
|---|---|
npm install vue-scroll-indicator |
|
| Latest Version: | 0.1.3 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | Dec 10, 2022 |
| Links: | GitHub · npm |
Maintainer: robbinfellow
Vue-scroll-indicator
Scroll indicator component using Vue.js.
Demo
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.
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.1.3 | ^2.3.0 | MIT | |
| 0.1.2 | ^2.3.0 | MIT | |
| 0.1.1 | ^2.3.0 | MIT | |
| 0.1.0 | ^2.3.0 | MIT | |
| 0.0.6 | ^2.5.11 | MIT | |
| 0.0.5 | ^2.5.11 | MIT | |
| 0.0.4 | ^2.5.11 | MIT | |
| 0.0.3 | ^2.5.11 | MIT | |
| 0.0.2 | ^2.5.11 | MIT | |
| 0.0.1 | ^2.5.11 | MIT |