Atelier UI

搜索组件…

搜索组件…

Animated Generate Button

AI 生成按钮:点击后切换为加载中,图标换成旋转加载器并出现呼吸光晕,可受控。

在沙盒中编辑

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

属性

AnimatedGenerateButtonProps

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

属性类型默认值说明
generatingboolean—Controlled generating state. Leave undefined to let the button simulate a run on click.
durationnumber2500Simulated run length in milliseconds when uncontrolled
idleLabelstring"Generate"—
generatingLabelstring"Generating…"—

安装

$ npx shadcn@latest add https://chromotion.dev/r/animated-generate-button.json

同类组件