动画订阅按钮 | Magic UI - Magic UI 组件库

文档

动画订阅按钮

一个动画订阅按钮，可用于显示从初始状态到最终结果的微动画。

安装

import { AnimatedSubscribeButton } from "@/components/magicui/animated-subscribe-button";

<AnimatedSubscribeButton>
  <span>Follow</span>
  <span>Subscribed</span>
</AnimatedSubscribeButton>

属性	类型	默认值	描述
`subscribeStatus`	`布尔值`	`否`	一个布尔标志，用于检查按钮的状态。此属性可用于切换按钮的状态，例如已订阅或未订阅。
`children`	`React.ReactNode`	`-`	按钮内部显示的内容。应包含两个子元素——第一个用于未订阅状态，第二个用于已订阅状态。
`className`	`string`	`-`	可选的类名，用于对按钮应用自定义样式。

贡献