The virtual responsive crossbrowser scrollbar component for VueJS 2x
npm i v-baryarn add v-bar<style lang="sass">
.wrapper
height: 300px
width: 300px
</style><style>
.wrapper {
height: 300px;
width: 300px;
}
</style><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 --reporthttps://github.com/carlofragni