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