xns-stat-compare-pack

A representational stat pack for comparing two sources

Usage no npm install needed!

<script type="module">
  import xnsStatComparePack from 'https://cdn.skypack.dev/xns-stat-compare-pack';
</script>

README

xns-stat-compare-pack

A representational stat pack vue plugin for comparing two sources.

xns-stat-compare-pack

install

$ npm i xns-stat-compare-pack

Import & initiate plugin on your entry js file

    import XnsStatComparePack from 'xns-stat-compare-pack'

    Vue.use(XnsStatComparePack)

Example

<xns-stat-compare-pack
    :sp-width="300"
    :sp-height="50"
    :color-one="'#c70102'"
    :color-two="'#383838'"
    :size-one="16"
    :size-two="21"
    :stats-color="'white'"
    :sp-title="'Total Tackles'"
    :title-color="'white'"
></xns-stat-compare-pack>

Options

Option Type Required Default
spWidth Number false 300px
spHeight Number false 50px
colorOne String true none
colorTwo String true none
sizeOne String true none
sizeTwo String true none
statsColor String true none
spTitle String true none
titleColor String true none