دکمه‌ی ضربان‌دار

pulse-buttonانیمیشن

دو حلقه پشت دکمه باز می‌شوند تا عمل اصلی صفحه به چشم بیاید.

نصب

  1. با CLI

    اگر هنوز init نکرده‌اید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگی‌هایش را می‌نویسد.

    $ npx vibefarsi add pulse-button
  2. نصب دستی

    محتوای تب «کد» را در 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>