تماس با ما
contactبلاکفرم نام، موبایل و پیام در راست و کارت آدرس با ساعت کاری و جای نقشه در چپ.
فرمپشتیبانی
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add contactنصب دستی
محتوای تب «کد» را در
components/blocks/contact.tsxبگذارید. پیشنیاز: input، textarea، button.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1import { ContactBlock } from "@/components/blocks/contact"23<ContactBlock4 info={{ address: "تهران، خیابان ولیعصر، پلاک ۱۲۰", phone: "021-88000000", hours: "شنبه تا چهارشنبه، ۹ تا ۱۸" }}5 onSubmit={async (v) => { await fetch("/api/contact", { method: "POST", body: JSON.stringify(v) }) }}6/>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| map | ReactNode | - | iframe نقشه یا عکس؛ نباشه، جاگیر شطرنجی کشیده میشه. |
| onSubmit | (values) => Promise | - | بعد از resolve، پیام «ثبت شد» نمایش داده میشه. |