Skip to content
🐍 Reading position indicator for Vuejs
Branch: master
Clone or download

README.md

vue-cobra

Install

npm

npm install vue-cobra --save

yarn

yarn add install vue-cobra

Usage

Default

<template>
  <div>
    <vue-cobra />
  </div>
</template>

<script>
import vueCobra from "vue-cobra";
export default {
  name: "Demo",
  components: {
    vueCobra
  }
}
</script>

With custom values

<template>
  <div>
    <vue-cobra
      :height="10"
      :zIndex="900"
      color="#4fc08d"
      :opacity="0.5"
    />
  </div>
</template>

<script>
import vueCobra from "vue-cobra";

export default {
  name: "Demo",
  components: {
    vueCobra
  }
}
</script>

Register it globally

import Vue from "vue";
import vueCobra from "vue-cobra";

Vue.component("vue-cobra", vueCobra);

Options / Props

Prop Type Default value Required Description
color String #000 false Set progress bar background color
height String 4px false Set height of progress bar
opacity String 1 false Set opacity from 0 to 1
zIndex String 1000 false Set value based on css z-index property

Contributors

Pedro Henrique Silva Fontes

Acknowledgement

Diogo Moretti - React Snakke

License

MIT © Firmino Changani

You can’t perform that action at this time.