MDX 自定义组件

火花组件

图形不局限于✨

<Sparkles />组件属性:

• 自定义随机颜色 - randomColorList: {['#fbbf24', '#4ade80', '#60a5fa', '#8b5cf6', '#f43f5e']}

<Sparkles />组件事件:

• 点击事件：点击后 显示/隐藏 火花闪烁动画
• 视口事件：仅当 <Sparkles /> 组件出现在可视区域中时才开始动画（IntersectionObserver）

<Sparkles randomColorList={['#fbbf24', '#4ade80', '#60a5fa', '#8b5cf6', '#f43f5e']}>**自定义火花闪烁的随机颜色**</Sparkles>

其中 randomColorList （自定义火花闪烁的随机颜色）可选，值形式为 {['#fbbf24', '#4ade80', '#60a5fa', '#8b5cf6', '#f43f5e']} 。

当对此组件传入值时，不限于此属性，普通 markdown 预览会有些问题

<Sparkles>**普通火花闪烁**</Sparkles>