EnterLabel 打字機動畫測試

基本示範 - 英文動畫

中文動畫

手動觸發動畫

自訂速度 - 快速

自訂速度 - 慢速

自訂標籤元素

功能說明

• ✅ 打字機動畫效果
• ✅ 隨機字符逐漸變成目標文字
• ✅ 支援英文和中文隨機字符
• ✅ 可自訂動畫速度
• ✅ 可自訂 HTML 標籤
• ✅ 閃爍游標效果
• ✅ 支援自動開始或手動觸發

使用範例

// 基本用法 - 自動開始
<EnterLabel label="Hello World" />

// 中文動畫
<EnterLabel label="你好世界" randomLen="zh" />

// 手動觸發
<EnterLabel
  label="Manual Start"
  autoStart={false}
  value={isAnimating}
  onValueChange={setIsAnimating}
/>

// 自訂速度和標籤
<EnterLabel
  label="Custom Speed"
  speed={20}
  tagName="h1"
/>