Overview

v-scroll-indicator is a Vue component that wraps content
inside a scrollable area
that displays indicators when additional content is available
outside the client view.

Demo

View demo on Codepen

Install

Node

``bash
npm install -S 'v-scroll-indicator'
`

Browser

`html


`

Usage

Add your content inside the v-scroll-indicator component.
The v-scroll-indicator must have a height set.
The height can be set either explicitly,
relative to its parent, or by its parent.

If the contents do not need scroll bars, no indicators are rendered or displayed.

`html



2

3

4

5

6

7

8

9

10

``

Properties

height

The height of the component, including the indicators if they are rendered.

up

The character or text to display for the up indicator.

down

The character or text to display for the down indicator.

Styling

The indicator content and styling can be replaced using CSS.

Additional Documentation

https://www.twelvetone.tv/docs/developer-tools/vue-plugins/v-scroll-indicator

TODO

- [ ] Add component style directives