0.4.0 • Published 4 years ago

v-typewriter v0.4.0

Weekly downloads
7
License
MIT
Repository
github
Last release
4 years ago

npm Dependency Status Build Status Coverage Status Snyk Vulnerabilities for GitHub Repo GitHub GitHub package.json dependency version (prod) GitHub last commit

A Vue component for typewriting dom

https://v-typewriter.netlify.com

npm install --save v-typewriter

Import

// 1. main.js Entry; use as a plugin

import Vue from "vue";
import VTypewriter from "v-typewriter";
Vue.use(VTypewriter);
<!--2. .vue import-->
<script>
import VTypewriter from "v-typewriter";

export default {
	name: "app",
	components: {
		VTypewriter
	}
};
</script>

Usage

<v-typewriter :interval="100" loop rollback>
	<!--insert any dom to be typewrote-->
	<h1>v-typewriter</h1>
	<span>We can type!</span>
</v-typewriter>

arguments

nametypedefaultdesc
rollbackBooleanfalserollback when typed
loopBooleanfalseloop when typed
delayNumber0delay before typing
intervalNumber100typing interval between each letter
cursorString"_"typing cursor
alignString"left"typing text align(left/right/center)

Project setup

Our example is in App.vue. To try our components now, git clone and use npm run serve and open your browser at "http://localhost:8080/" to view some examples in App.vue.

You can also review it online at our website

0.4.0

4 years ago

0.3.0

5 years ago

0.2.0

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago