安装
用法
import { InteractiveHoverButton } from "@/components/magicui/interactive-hover-button";<InteractiveHoverButton>Interactive Hover Button</InteractiveHoverButton>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
文本 | string | 按钮 | 按钮内部显示的文本 |
className | string | - | 用于样式化组件的额外类名 |
文档
交互式悬停按钮
交互式悬停按钮
一个视觉上引人入胜的按钮组件，响应悬停动作并带有动态过渡效果，在亮暗模式之间平滑适应，增强用户互动性。