خبرنامه

newsletterبلاک

یک فیلد و یک دکمه در یک کارت نرم، برای ایمیل یا شماره‌ی موبایل، با پیام موفقیت.

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

خبر انتشار را پیامک کنیم؟

فقط یک پیامک، همان روزی که نسخه‌ی جدید منتشر می‌شود.

هر وقت خواستید با یک کلیک لغو می‌کنید.

نصب

  1. با CLI

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

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

    محتوای تب «کد» را در components/blocks/newsletter.tsx بگذارید. پیش‌نیاز: input، button.

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

ساخته‌شده از

استفاده

usage.tsx
1import { NewsletterBlock } from "@/components/blocks/newsletter"23<NewsletterBlock channel="sms" title="خبر انتشار را پیامک کنیم؟" onSubscribe={(phone) => subscribe(phone)} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
channel"email" | "sms""email"نوع فیلد، کیبورد موبایل و placeholder را عوض می‌کنه.