دکمهی موجی
ripple-buttonانیمیشنموجی که از نقطهی لمس بیرون میزنه، برای بازخورد لمسی در موبایل.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add ripple-buttonنصب دستی
محتوای تب «کد» را در
components/animations/ripple-button.tsxبگذارید. پیشنیاز: button. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { RippleButton } from "@/components/animations/ripple-button"23<RippleButton>پرداخت</RippleButton>