安装
用法
import { TypingAnimation } from "@/components/magicui/typing-animation";
<TypingAnimation>Typing Animation</TypingAnimation>
属性
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
children | string | - | 要动画化的文本内容 |
className | string | - | 要应用于组件的类名 |
持续时间 | number | 100 | 每个字符输入之间的等待时间 |
delay | number | 0 | 动画开始前的延迟(毫秒) |
as | React.ElementType | "div" | 渲染为的组件 |
startOnView | 布尔值 | 否 | 当组件在视野内时开始动画 |