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