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