دکمه‌ی درخشان

shine-buttonانیمیشن

نوار نوری که از روی دکمه می‌گذره، برای عمل اصلی صفحه.

نصب

  1. با CLI

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

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

    محتوای تب «کد» را در components/animations/shine-button.tsx بگذارید. پیش‌نیاز: button. کلیدفریم را هم به globals.css اضافه کنید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { ShineButton } from "@/components/animations/shine-button"23<ShineButton><Sparkles />ارتقا به پرو</ShineButton>