ثبت‌نام پیامکی

onboardingقالب

ثبت‌نام پیامکی در یک کارت چندمرحله‌ای، از شماره‌ی موبایل و کد تأیید تا پروفایل و پایان.

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

نصب

  1. با CLI

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

    $ npx vibefarsi add onboarding
  2. نصب دستی

    محتوای تب «کد» را در components/templates/onboarding.tsx بگذارید. پیش‌نیاز: phone-input، otp-field، stepper، radio-group، input، button.

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

ساخته‌شده از

استفاده

usage.tsx
1// app/onboarding/page.tsx2import { OnboardingPage } from "@/components/templates/onboarding"34export default function Page() {5  return <OnboardingPage />6}