Typewriter-style Typing Animation For Vue.js

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
}

Preview:

Typewriter-style Typing Animation For Vue.js

Download Details:

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

Install & Download:

You Might Be Interested In:

Tags:

Add Comment