Skip to content

hasanparasteh/vue3-price-ticker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Price Ticker

This package helps you to create a price update animation with a simple component!

How to install

you can install it via npm or any other altarnatives from npmjs.com

> npm install price-ticker

How to use this

First of all you need to import the component and after that pass the price variable into compoent! if you need any css customization please edit the .ticker class in your global css file!

Example

<template>
  <Ticker :price="price"></Ticker>
</template>

<script>
    import { ref } from "vue";
    import Ticker from "ticker.vue"

    const price = ref(50000); // Either you can pass Number or a formatted String
</script>

Available Props

price: number | string;
removeNumberEffect: number;
addNumberEffect: number;

Animation Customization

About

a minimal price ticker made with vue3

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 58.3%
  • TypeScript 30.1%
  • HTML 11.6%