The virtual responsive crossbrowser scrollbar component for VueJS 2x
npm i v-bar
yarn add v-bar
<style lang="sass">
.wrapper
height: 300px
width: 300px
</style>
<style>
.wrapper {
height: 300px;
width: 300px;
}
</style>
<template lang="pug">
v-bar(wrapper="wrapper",
vBar="",
vBarInternal="",
hBar="",
hBarInternal="")
//- your content
</template>
<template>
<v-bar wrapper="wrapper"
vBar=""
vBarInternal=""
hBar=""
hBarInternal="">
<!-- your content -->
</v-bar>
</template>
<script>
import VBar from 'v-bar'
# Declare
export default {
components: { VBar }
}
</script>
VBar is fully customizable. You can use your CSS classes to make it even more beautiful :)
*required* wrapper=""
*optional* vBar=""
*optional* vBarInternal=""
*optional* hBar=""
*optional* hBarInternal=""
Clone the repo, change what you want and send PR
# install dependencies
# using NPM
npm install
# using yarn
yarn
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
https://github.com/carlofragni