Random Letter Swap Button

悬停或聚焦时文字随机乱码并逐字还原的 CTA 按钮。

#button #text #scramble #cta

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

RandomLetterSwapButtonProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"button">, "children">

属性	类型	默认值	说明
children* 必填	`string`	—	—
speed	`number`	`40`	Milliseconds per scramble frame

安装

$ npx shadcn@latest add https://chromotion.dev/r/random-letter-swap-button.json

同类组件

Shiny Button

悬停时一道斜向白色光带掠过按钮，扫光时长可调。

Arrow Slide Button

箭头滑动按钮：悬停时右侧圆形箭头展开铺满整个按钮。

Shimmer Button

带流光扫过效果的按钮，光泽颜色、背景和速度可配置。