Hoppa till innehållet
Yuva help searchMeny

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.

Förhandsvisningen använder exempeldata. Den behöver varken nätverk eller kanal.

Installation

Kör detta i ett shadcn-projekt. Filerna kopieras in i din egen kod.

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

Användning

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

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

Props

YuvaHelpSearchProps

PropTyp
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

Etiketter

Etiketterna finns listade på Yuva help.

Beroenden

När du installerar det här elementet läggs även följande till.

Komponenter från shadcn/ui

Andra Yuva-element

npm-paket