کارت ثبت‌نام

signup-cardبلاک

ثبت‌نام با نام، ایمیل و رمز عبور با سنجش قدرت، تیک قوانین و لینک ورود.

فرمایمیل
تمام‌صفحه

ساخت حساب

رایگان شروع کنید، هر وقت خواستید ارتقا بدید.

حداقل ۸ کاراکتر، با حرف بزرگ، عدد و نماد

دست‌کم ۸ کاراکتر

قبلاً حساب دارید؟ وارد شوید

نصب

  1. با CLI

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

    $ npx vibefarsi add signup-card
  2. نصب دستی

    محتوای تب «کد» را در 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 بشه دکمه «در حال ساخت…» می‌مونه.