0.4.0 • Published 6 years ago
v-typewriter v0.4.0
A Vue component for typewriting dom
https://v-typewriter.netlify.com
npm install --save v-typewriterImport
// 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
| name | type | default | desc |
|---|---|---|---|
| rollback | Boolean | false | rollback when typed |
| loop | Boolean | false | loop when typed |
| delay | Number | 0 | delay before typing |
| interval | Number | 100 | typing interval between each letter |
| cursor | String | "_" | typing cursor |
| align | String | "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 serveand open your browser at "http://localhost:8080/" to view some examples in App.vue.You can also review it online at our website