Yuva help article

One help article with its sanitized body, a Was this helpful? Yes and No rating, related articles and a Message us button that hands the article id to your chat.

ਪ੍ਰੀਵਿਊ ਨਮੂਨਾ ਡੇਟਾ ਉੱਤੇ ਚੱਲਦਾ ਹੈ। ਇਸ ਨੂੰ ਨੈੱਟਵਰਕ ਜਾਂ ਚੈਨਲ ਦੀ ਲੋੜ ਨਹੀਂ।

tsx

import { YuvaHelpArticle } from "@/components/yuva-help-article"

export function Article({ id }: { id: string }) {
  return (
    <YuvaHelpArticle
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
      id={id}
      onAsk={(articleId) => openChat(articleId)}
    />
  )
}

ਇੰਸਟਾਲੇਸ਼ਨ

ਇਸ ਨੂੰ ਇੱਕ shadcn ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਚਲਾਓ। ਫ਼ਾਈਲਾਂ ਤੁਹਾਡੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਕਾਪੀ ਹੋ ਜਾਂਦੀਆਂ ਹਨ।

Shell

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

Shell

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

Shell

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

Shell

bunx --bun shadcn@latest add https://useyuva.com/r/yuva-help-article.json

ਵਰਤੋਂ

tsx

import { YuvaHelpArticle } from "@/components/yuva-help-article"

<YuvaHelpArticle server={server} channel={channel} id={articleId} onAsk={(id) => chat.open(id)} />

Props

`YuvaHelpArticleProps`

Prop	ਕਿਸਮ
`id`	`string`
`server?`	`string`
`channel?`	`string`
`client?`	`YuvaClient`
`identityToken?`	`IdentityTokenSource \| null`
`locale?`	`string`
`help?`	`YuvaHelpState`
`search?`	`string`
`onSelect?`	`(article: ClientHelpArticleSummary) => void`
`onAsk?`	`(articleId: string) => void`
`labels?`	`Partial<YuvaHelpLabels>`
`className?`	`string`

ਲੇਬਲ

ਲੇਬਲ Yuva help ਪੰਨੇ ਉੱਤੇ ਸੂਚੀਬੱਧ ਹਨ।

ਨਿਰਭਰਤਾਵਾਂ

ਇਸ ਆਈਟਮ ਨੂੰ ਇੰਸਟਾਲ ਕਰਨ ਨਾਲ ਹੇਠਾਂ ਦਿੱਤੇ ਵੀ ਜੁੜ ਜਾਂਦੇ ਹਨ।

shadcn/ui ਦੇ ਕੰਪੋਨੈਂਟ

Yuva ਦੀਆਂ ਹੋਰ ਆਈਟਮਾਂ

Yuva help hooks

npm ਪੈਕੇਜ

lucide-react ↗

← ਪਿਛਲਾYuva help search ਅਗਲਾ →Yuva idea