Fill Sweep Button

填充扫过按钮：悬停时背景从四个方向之一扫过并反色文字。

#button #fill #hover

在沙盒中编辑

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

属性

FillSweepButtonProps

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

属性	类型	默认值	说明
direction	`"left" \| "right" \| "up" \| "down"`	`"left"`	—

安装

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

同类组件

Interactive Hover Button

悬停时圆点放大填满按钮，文字滑出并换成带箭头的反色文案，边框同步变色。

Flow Button

胶囊按钮，右侧圆形图标容器，悬停时整体反色且箭头右移。

Shiny Button

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