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.

പ്രിവ്യൂ സാമ്പിൾ ഡാറ്റയിലാണ് പ്രവർത്തിക്കുന്നത്. നെറ്റ്‌വർക്കോ ചാനലോ വേണ്ട.

tsx

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

export function Search() {
  return (
    <YuvaHelpSearch
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
      onSelect={(article, query) => console.log(article.title, query)}
    />
  )
}

ഇൻസ്റ്റലേഷൻ

ഇത് ഒരു shadcn പ്രോജക്റ്റിൽ പ്രവർത്തിപ്പിക്കുക. ഫയലുകൾ നിങ്ങളുടെ സ്വന്തം കോഡിലേക്ക് പകർത്തപ്പെടും.

Shell

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

Shell

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

Shell

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

Shell

bunx --bun 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 പേജിൽ പട്ടികപ്പെടുത്തിയിട്ടുണ്ട്.

ആശ്രിതത്വങ്ങൾ

ഈ ഇനം ഇൻസ്റ്റാൾ ചെയ്യുമ്പോൾ താഴെയുള്ളവയും ചേർക്കപ്പെടും.

Yuva help search

ഇൻസ്റ്റലേഷൻ

ഉപയോഗം

Props

YuvaHelpSearchProps

ലേബലുകൾ

ആശ്രിതത്വങ്ങൾ

shadcn/ui-യുടെ ഘടകങ്ങൾ

Yuva-യുടെ മറ്റ് ഇനങ്ങൾ

npm പാക്കേജുകൾ

`YuvaHelpSearchProps`