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