1.0.2 • Published 11 months ago
svelte-number-displayer v1.0.2
svelte-number-displayer
Display animated number easily with Svelte. Check the demo !
Usage
<script>
import Displayer from "svelte-number-displayer";
</script>
<Displayer value={20} timing={40} />
Options
value
: the end valuetiming
: the duration of the animationdefaultValue
: the start value (default0
)showTimer
: log the time of the animationfnRound
: the rounding functioneasing
: the easing function the change the linearity of the animation
Other components
<script>
import { DisplayerTweened } from "svelte-number-displayer";
import Displayer from "svelte-number-displayer";
</script>
<!-- it use the requestAnimationFrame function -->
<Displayer value={20} timing={40} />
<!-- it use the svelte tweened function -->
<DisplayerTweened value={20} timing={40} />
License
Licensed under the MIT License - LICENSE