vue-roller
Fluid and smooth rolling animation for Vue.js.
Getting Started
npm
npm i vue-roller
Vue
import Roller from "vue-roller";
export default {
components:{
Roller
}
}
...
Vue-typescript
import Roller from "vue-roller";
@Component({
components: { Roller }
})
...
Options
text (Required)
<Roller text="1234">
Displays text.
transition
<Roller transition="1">
Sets the time for the animation to complete in second(s). 0.5 by default.
isNumberFormat
<Roller isNumberFormat="true">
Can be set to true if you want to display commas as thousands separators. false by default.
charList
<Roller :charList="['a', 'b', 'c']">
Sets the list of characters used for the animation.
Default: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
defaultChar
<Roller defaultChar="0">
Sets the text to display when the page is first loaded before the animation actually starts. "" by default.
