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