دکمهی درخشان
shine-buttonانیمیشننوار نوری که از روی دکمه میگذره، برای عمل اصلی صفحه.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add shine-buttonنصب دستی
محتوای تب «کد» را در
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>