İçeriğe geç
Yuva help searchMenü

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.

Önizleme örnek verilerle çalışır. Ağa da kanala da ihtiyaç duymaz.

Kurulum

Bunu bir shadcn projesinde çalıştırın. Dosyalar kendi kodunuzun içine kopyalanır.

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

Kullanım

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

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

Prop'lar

YuvaHelpSearchProps

PropTür
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

Etiketler

Etiketler Yuva help sayfasında listelenir.

Bağımlılıklar

Bu öğeyi kurmak aşağıdakileri de ekler.

shadcn/ui bileşenleri

Diğer Yuva öğeleri

npm paketleri