示例基础用法

基础用法示例

最简单的使用方式。

在线演示

🎬 基础用法

展示 ds-markdown 的基本打字动画效果,支持主题切换、控制播放等功能

代码示例

import DsMarkdown from 'ds-markdown';
 
function App() {
  return (
    <DsMarkdown interval={20} answerType="answer">
      # Hello ds-markdown
      
      这是一个**高性能**的打字动画组件!
      
      ## 特性
      
      - ⚡ 零延迟流式处理
      - 🎬 流畅打字动画
      - 🎯 完美语法支持
      - 📝 完整 Markdown 支持
    </DsMarkdown>
  );
}

参数说明

  • interval={20} - 设置打字间隔为 20ms
  • answerType="answer" - 使用回答样式主题
  • 内容支持完整的 Markdown 语法