Just another Vue.js component to emulate the typing animation just like the typewriter.
// npm
npm install vue-typewriter --save
// yarn
yarn add vue-typewriter
Import the component.
import Vue from 'vue'
import Typewriter from 'vue-typewriter'
The basic usage.
<typewriter
:speed="200"
:full-erase="true"
:interval="300"
:words='["Awesome!","Amazing!"]'>
Vue Typewriter is
</typewriter>
Vue.use(Typewriter);
new Vue({el: '#root'});
Default props.
words: {
type: Array,
default () {
return []
}
},
interval: {
type: Number,
default: 200
},
speed: {
type: Number,
default: 300
},
cursor: {
type: Boolean,
default: true
},
cursorSymbol: {
type: String,
default: '|'
},
fullErase: {
type: Boolean,
default: false
}
Author: eduardostuart
Live Demo: https://eduardostuart.github.io/vue-typewriter/dist/
Download Link: https://github.com/eduardostuart/vue-typewriter/archive/master.zip
Official Website: https://github.com/eduardostuart/vue-typewriter
#vuejs #vue #vue-js #javascript