Typing Text

The ol-typing-text component provides a typewriter effect text animation display.

Basic Usage

Specify the text content to be displayed by setting the text attribute, and control the typing speed using the duration attribute (unit: seconds).

To infinity and beyond!

在 github 中打开

展开代码

复制代码

<template>
  <div class="flex justify-center items-center">
    <ol-typing-text class="font-bold" text="To infinity and beyond!" :duration="10" />
  </div>
</template>

Attributes

Attribute Name	Description	Type	Default Value
text	Text content to be displayed	string	-
duration	Total duration of the typing effect (seconds)	number	5