دکمهها
Interactive Hover Button
A pill button whose label slides out as an arrow slides in. The dot expands to fill the button on hover.
hoverctamicro-interaction
نصب با CLI شدسیان
npx shadcn@latest add https://onthic.com/r/interactive-hover-buttonاین فایلها را هم لازم دارد
@/components/iconssrc/components/icons/index.tsx@/lib/click-ticksrc/lib/click-tick.ts@/lib/motionsrc/lib/motion.ts
بهصورت خودکار همراه دستور CLI و پرامپت اضافه میشود.
استفاده — بر اساس تنظیمات بالا
<InteractiveHoverButton />