کارت ثبتنام
signup-cardبلاکثبتنام با نام، ایمیل و رمز عبور با سنجش قدرت، تیک قوانین و لینک ورود.
فرمایمیل
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add signup-cardنصب دستی
محتوای تب «کد» را در
components/blocks/signup-card.tsxبگذارید. پیشنیاز: input، password-input، checkbox، button.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1import { SignupCard } from "@/components/blocks/signup-card"23<div className="flex min-h-dvh items-center justify-center"><SignupCard onSubmit={(v) => register(v)} /></div>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| onSubmit | (values) => Promise | - | تا resolve بشه دکمه «در حال ساخت…» میمونه. |