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