انتقل إلى المحتوى
Yuva help searchالقائمة

Yuva help search

A search field over the help center with live results: the matched words highlighted in the title and excerpt, and the click counted for the report.

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

التثبيت

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

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

الاستخدام

tsx
import { YuvaHelpSearch } from "@/components/yuva-help-search"

<YuvaHelpSearch server={server} channel={channel} onSelect={(article) => setId(article.id)} />

Props

YuvaHelpSearchProps

Propالنوع
server?string
channel?string
client?YuvaClient
identityToken?IdentityTokenSource | null
locale?string
help?YuvaHelpState
query?string
onQueryChange?(query: string) => void
onSelect?(article: ClientHelpArticleSummary, query: string) => void
labels?Partial<YuvaHelpLabels>
className?string

التسميات

التسميات مدرجة في صفحة Yuva help.

الاعتماديات

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

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

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

حزم npm