Typewriter-style Typing Animation For Vue.js

Install & Download:

Description:

Just another Vue.js component to emulate the typing animation just like the typewriter.

Usage:

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
}