LaravelLaravel & VueJsVueJs

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: "https://www.laravel-vuejs.com/wp-content/uploads/2017/11/typewriter-style-typing-animation-for-vue-js.com"'
},
fullErase: {
  type: Boolean,
  default: false
}

Preview:

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

Last Update: November 23, 2017

Views Total: 0

Install:




Source link
★ READ ALSO ★  Draggable And Sortable Grid System For Vue.js - Vue.js Grid

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close