تیک موفقیت

success-checkانیمیشن

دایره‌ای که جهش می‌کنه و تیکش را خودش می‌کشه، برای پایان پرداخت و ثبت‌نام.

نصب

  1. با CLI

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

    $ npx vibefarsi add success-check
  2. نصب دستی

    محتوای تب «کد» را در components/animations/success-check.tsx بگذارید. کلیدفریم را هم به globals.css اضافه کنید.

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

استفاده

usage.tsx
1import { SuccessCheck } from "@/components/animations/success-check"23<SuccessCheck label="پرداخت انجام شد" />