Yuva help · shadcn/ui ಗಾಗಿ Yuva

The help center in one block: search, the best matches for the page or the popular articles, collections, the article view with its rating and related articles, and a Message us row.

Still stuck?Ask the team, we read every message.

ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾದರಿ ಡೇಟಾದಲ್ಲಿ ಓಡುತ್ತದೆ. ಇದಕ್ಕೆ ನೆಟ್‌ವರ್ಕ್ ಅಥವಾ ಚಾನಲ್ ಬೇಕಿಲ್ಲ.

tsx

import { YuvaHelp } from "@/components/yuva-help"

export function HelpCenter() {
  return (
    <YuvaHelp
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
      page={window.location.pathname}
      onAsk={(articleId) => openChat(articleId)}
    />
  )
}

ಸ್ಥಾಪನೆ

ಇದನ್ನು ಒಂದು shadcn ಯೋಜನೆಯಲ್ಲಿ ಚಲಾಯಿಸಿ. ಫೈಲ್‌ಗಳು ನಿಮ್ಮದೇ ಕೋಡ್‌ಗೆ ನಕಲಾಗುತ್ತವೆ.

Shell

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

Shell

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

Shell

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

Shell

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

ಬಳಕೆ

tsx

import { YuvaHelp } from "@/components/yuva-help"

<YuvaHelp server={server} channel={channel} page="/billing" onAsk={() => chat.open()} />

Props

`YuvaHelpProps`

Prop	ಪ್ರಕಾರ
`server?`	`string`
`channel?`	`string`
`client?`	`YuvaClient`
`identityToken?`	`IdentityTokenSource \| null`
`locale?`	`string`
`page?`	`string`
`articleId?`	`string`
`onAsk?`	`(articleId?: string) => void`
`labels?`	`Partial<YuvaHelpLabels>`
`className?`	`string`

ಲೇಬಲ್‌ಗಳು

ಪ್ರತಿ ಲೇಬಲ್‌ಗೂ ಇಂಗ್ಲಿಷ್ ಡೀಫಾಲ್ಟ್ ಇದೆ. ಅವನ್ನು ಬದಲಿಸಲು ಅಥವಾ ಅನುವಾದಿಸಲು labels ಆಬ್ಜೆಕ್ಟ್‌ನ ಒಂದು ಭಾಗವನ್ನು ಕೊಡಿ.

ಲೇಬಲ್	ಡೀಫಾಲ್ಟ್
`heading`	`"Help center"`
`searchLabel`	`"Search for help"`
`searchPlaceholder`	`"Search for help"`
`bestMatches`	`"Best matches"`
`popular`	`"Popular articles"`
`browse`	`"Browse"`
`noResults`	`"No articles found."`
`searching`	`"Searching…"`
`helpfulQuestion`	`"Was this helpful?"`
`yes`	`"Yes"`
`no`	`"No"`
`thanks`	`"Thanks for your feedback"`
`related`	`"Related articles"`
`back`	`"Back"`
`stillStuck`	`"Still stuck?"`
`askText`	`"Ask the team, we read every message."`
`messageUs`	`"Message us"`
`loadError`	`"Could not load this."`
`retry`	`"Try again"`
`loading`	`"Loading…"`
`articles`	(count) => `${count} ${count === 1 ? "article" : "articles"}`

ಅವಲಂಬನೆಗಳು

ಈ ಐಟಂ ಸ್ಥಾಪಿಸಿದರೆ ಕೆಳಗಿನವುಗಳೂ ಸೇರುತ್ತವೆ.

shadcn/ui ಘಟಕಗಳು

Yuva ದ ಇತರ ಐಟಂಗಳು

npm ಪ್ಯಾಕೇಜ್‌ಗಳು

lucide-react ↗