Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/luiguild/v-bar

The virtual responsive crossbrowser scrollbar component for VueJS 2x
https://github.com/luiguild/v-bar

component javascript pug sass scroll scrollbar scroller scrolling vbar vue vue-components vue2 vuejs vuejs-2x vuejs2

Last synced: 2 months ago
JSON representation

The virtual responsive crossbrowser scrollbar component for VueJS 2x

Lists

README 

        



# VBar



The virtual responsive crossbrowser scrollbar component for VueJS 2x



DEMO



## Usage

#### Install

###### Using NPM

``` bash

npm i v-bar

```

###### Using yarn

``` bash

yarn add v-bar

```



#### In your `.vue` component create a class to your wrapper

###### Using SASS

``` vue



    .wrapper

        height: 300px

        width: 300px



```

###### Simple CSS

``` vue



    .wrapper {

        height: 300px;

        width: 300px;

    }



```



#### Include the component in your template

###### Using Simple HTML

``` vue



    

        

    



```



#### Import component

``` vue



    import VBar from 'v-bar'



    # Declare

    export default {

        components: { VBar }

    }



```



#### Options

VBar is fully customizable. You can use your CSS classes to make it even more beautiful :)

``` javascript

*required* wrapper=""

*optional* vBar=""

*optional* vBarInternal=""

*optional* hBar=""

*optional* hBarInternal=""

```



## To contribute and make it better

Clone the repo, change what you want and send PR



###### Contributions are always welcome!



## Build Setup

``` bash

# 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

```



## Contributors

#### Luigui Delyer

https://github.com/luiguild



#### Carlo Fragni

https://github.com/carlofragni



#### SoullessWaffle

https://github.com/SoullessWaffle



#### Robbe Clerckx

https://github.com/robbeman



#### antshil

https://github.com/antshil



#### Henrique Deodato

https://github.com/h3nr1ke