Перейти к содержимому
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