A cryptocurrency tool for Vue
Vue-cryptobar is a cryptocurrency tool for Vue developers which looks really modern and clear also can be re-styled with configurations.
Vue-cryptobar is a cryptocurrency tool for Vue developers which looks really modern and clear 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 did the last transition.
Before the installation vue-cryptobar requires Node and Vue.js to run.
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:
Default coins are Bitcoin, Ethereum, Maker 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','MKR']" :coin-type-config="['USD', 'TRY']" />
The cryptobar can be re-styled to your preferred colors. Default style of the cryptobar is as in the gif above. For re-styling you can put in any color value such as, hex, rgb or direct color name.
<cryptobar bar-radius="4px" 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" />