کارت ورود

auth-cardبلاک

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

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

ورود یا ثبت‌نام

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

+98

بدون صفر اول هم می‌توانید وارد کنید

با ورود، قوانین را می‌پذیرید.

نصب

  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>