Vue-scroll-indicator

Scroll indicator component using Vue.js.

Demo

Link

Installation

``shell
$ yarn add vue-scroll-indicator --dev

or ...

$ npm i vue-scroll-indicator --save-dev
`

Register the component:

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

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

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

`javascript
import VueScrollIndicator from 'vue-scroll-indicator';

Vue.use(VueScrollIndicator);
`

Usage

Display the component using default style:

` vue

`

Display the component using custom style:

` vue
height="7px"
color="#11998e"
background="none"
>

`

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.