דלג לתוכן
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