Przejdź do treści
Yuva help searchMenu

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.

Podgląd działa na danych przykładowych. Nie potrzebuje sieci ani kanału.

Instalacja

Uruchom to w projekcie shadcn. Pliki zostaną skopiowane do twojego kodu.

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

Użycie

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

Etykiety

Etykiety są wymienione na stronie Yuva help.

Zależności

Instalacja tego elementu dodaje też poniższe.

Komponenty shadcn/ui

Inne elementy Yuva

Pakiety npm