@asasugar-use/vue3-typewriter

vue3-typewriter

Vue3 Component for typewriter effects.

Effects

Installation

• npm/yarn/pnpm

npm install @asasugar-use/vue3-typewriter
yarn add @asasugar-use/vue3-typewriter
pnpm add @asasugar-use/vue3-typewriter

Use

• Import component

import Vue3Typewriter from  "@asasugar-use/vue3-typewriter"; // Import component
import '@asasugar-use/vue3-typewriter/style'; // Import style

• Template

 <Vue3Typewriter text="打字机当前文本。" />

Props

Name	Type	Description	Required	Default
text	String	Text with typewriter effect	Yes	''
typingSpeed	Number	Typing speed, the larger the value, the slower the speed	No	100
cursorShow	Boolean	Is the cursor at the end of the text flashing	No	true
cursorColor	String	Cursor color value	No	red

Methods

Name	Type	Description
completed	Function	Callback for typing completion