Vue-typewrite NPM

vue-typewrite

This Vue.js plugin emulates typing in a text.

Usage

Installation

npm i vue-typewrite

in your main.js file

import Vue from 'vue';
import Typewriter from 'vue-typewrite';

Vue.use(Typewriter);

In your application

<template>
    <v-type-write text="Hello World!"></v-type-write>
</template>

Configuration

name	type	default	description
text	string - required		the text to be typed
typeDelay	number	0	time until the text starts typing
typeSpeed	number	150	time between each char typed in ms
caretColor	string	'#101010'	color of the caret (any css color)
textColor	string	''inherit	color of the text (any css color)

For multiline texts use \n for now.

example

<v-type-write :text="'Multiline \n is also supported'"></v-type-write>
<v-type-write :typeDelay="150" text="I start typing after 150ms"></v-type-write>