کارت ورود

auth-cardبلاک

کارت ورود با موبایل و کد تأیید که مستقله و روی هر پس‌زمینه‌ای می‌نشینه.

فرمکد تأیید
تمام‌صفحه

نصب

  1. با CLI

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

    $ npx vibefarsi add auth-card
  2. نصب دستی

    محتوای تب «کد» را در components/blocks/auth-card.tsx بگذارید. پیش‌نیاز: phone-input، otp-field، button.

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

ساخته‌شده از

استفاده

usage.tsx
1import { AuthCard } from "@/components/blocks/auth-card"23<div className="flex min-h-dvh items-center justify-center"><AuthCard onVerified={(phone) => login(phone)} /></div>