کارت ورود
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>