v3-scroll v1.0.4

v3-scroll

v3-scroll is a customizable scroll component created with Vue 3.

• Install
• Add Plugin
• Usage
• Anatomy Scrollbar
• Available Props
• Example passing Props
• Browser Compatibility

Install

$ npm install v3-scroll

Add Plugin

To use the scroll component you shoud import V3Scroll from "v3-scroll" and import v3-scroll/dist/library.mjs.css and use on your App component just like this:

import { createApp } from "vue";
import App from "./App.vue";
import V3Scroll from "v3-scroll";
import "v3-scroll/dist/library.mjs.css";

createApp(App)
  .use(V3Scroll)
  .mount("#app");

Usage

<template>
  <div>
    <V3Scroll />
  </div>
</template>

<script>
    export default {
        name: "App"
    }
</script>

Anatomy Scrollbar

We can change the size of 1, and the color of 3 and 4. (next updates soon!)

Available Props

Example passing Props

<template>
  <div>
    <V3Scroll scrollbarWidth="12px" thumbColor="blue" />
  </div>
</template>

Browser Compatibility