انتقل إلى المحتوى
Yuvashadcn
Yuva subscribe formالقائمة

Yuva subscribe form

A mailing list sign-up form: e-mail, optional name, a checkbox per list, an unticked consent box whose sentence is stored as shown, and a switch per list for signed-in users.

تعمل المعاينة ببيانات تجريبية. لا تحتاج إلى شبكة ولا إلى قناة.

التثبيت

شغّل هذا في مشروع shadcn. تُنسخ الملفات إلى شيفرتك.

Shell
npx shadcn@latest add https://useyuva.com/r/yuva-subscribe.json

الاستخدام

tsx
import { YuvaSubscribe } from "@/components/yuva-subscribe"

<YuvaSubscribe server={server} channel={channel} />

Props

YuvaSubscribeProps

Propالنوع
server?string
channel?string
client?YuvaClient
identityToken?IdentityTokenSource | null
lists?string[]
layout?"stacked" | "inline"
name?"off" | "optional" | "required"
consent?string
privacyUrl?string
locale?string
labels?Partial<YuvaSubscribeLabels>
onSubscribe?(detail: { lists: string[]; confirmation: boolean }) => void
className?string

التسميات

لكل تسمية قيمة افتراضية بالإنجليزية. مرّر كائن labels جزئيًا لتغييرها أو ترجمتها.

التسميةالافتراضي
lists"Lists"
email"E-mail address"
name"Your name"
nameOptional"Your name (optional)"
button"Subscribe"
sending"Subscribing…"
consent(lists, inbox) => `I want to receive e-mails about ${lists} from ${inbox}. I can unsubscribe at any time.`
privacy"Privacy policy"
checkInbox"Almost done. Check your inbox and confirm your subscription."
subscribed"Thanks! You are subscribed."
pending"Check your inbox to confirm."
chooseList"Choose at least one list."
invalidEmail"Enter a valid e-mail address."
nameRequired"Enter your name."
consentRequired"Tick the box to agree."
noEmail"Your account has no e-mail address yet."
rateLimited"Too many attempts. Wait a moment and try again."
offline"You seem to be offline."
generic"Could not subscribe. Try again."

الاعتماديات

يضيف تثبيت هذا العنصر أيضًا ما يلي.

مكوّنات من shadcn/ui

عناصر Yuva الأخرى

حزم npm

← السابقYuva page feedbackالتالي →Yuva help search