vue-cryptobar

vue-cryptobar

About vue-cryptobar

Vue-cryptobar is a cryptocurrency tool for Vue developers which looks really modern and clear and also can be re-styled with configurations. It shows current prices with colors depending on the positive-negative values and also shows the market name which is did the last transition.

Before the installation vue-cryptobar requires Node and Vue.js to run.

Installation

Install the vue-cryptobar on your vue project:

$ npm install --save vue-cryptobar

To using vue-cryptobar

Add 'cryptobar' to inside of your 'components' section, after then:

import cryptobar from "vue-cryptobar"

And last thing to do is:

<cryptobar/>

Configurations

Values

Default coins are Bitcoin, Ethereum, Ripple and default currencies are USD and TRY. To make cryptobar with specific values you have to go on options like:

<cryptobar :coin-name-config="['BTC','ETH','XRP']" :coin-type-config="['USD', 'TRY']"/>

Styling

You can also make cryptobar style as whatever you want. The default style of cryptobar is like as in the gif. In style options every color values you can put in, like hex, rgb code or directly color name.

With example:

<cryptobar
      bar-color="rgb(192, 192, 192)"
      positive-price-color="#253121"
      negative-price-color="orange"
      currency-symbol-color="#212121"
      name-and-currency-color="rgb(255, 255, 255)"
      trade-market-color="yellow"
/>

With next patches vue-cryptobar will be much more adjustable and flexible.

About feedback or any kind of help mail me to [e-mail].