Preskočiť na obsah
Yuvashadcn
Yuva pre shadcn/uiPonuka

Yuva pre shadcn/ui

Komponenty React pre živý chat, diskusie na stránkach dokumentácie a prihlásenie do e-mailových zoznamov, skopírované do vášho projektu shadcn/ui.

Register Yuva je sada komponentov a hookov, ktoré CLI shadcn skopíruje do vášho projektu. Používajú váš motív, komunikujú s Yuva cez klienta useyuva a môžete ich upravovať.

Požiadavky

  • Projekt, ktorý už používa shadcn/ui, s Reactom a Tailwind CSS.
  • Chatový kanál Yuva a jeho verejný kľúč (yuva_pk_…).

Nastavenie kanála

  1. V paneli Yuva otvorte Nastavenia, svoju schránku a Kanály a pridajte chatový kanál.
  2. Pridajte každý origin, ktorý bude komponenty zobrazovať, ako povolený: svoj web a vývojový server.
  3. Skopírujte verejný kľúč kanála. Nie je tajný.
  4. Pre diskusie nastavte režim diskusií kanála na moderated alebo open. Pre prihlasovací formulár pridajte verejný e-mailový zoznam.

Odovzdajte komponentom kľúč a adresu svojho servera Yuva, napríklad v prostredí:

.env.local
NEXT_PUBLIC_YUVA_SERVER=https://support.example.com
NEXT_PUBLIC_YUVA_CHANNEL=yuva_pk_xxxxxxxxxxxxxxxx

Pridajte prvú položku

Nainštalujte chatový blok a potom ho vykreslite:

Shell
npx shadcn@latest add https://useyuva.com/r/yuva-chat.json
tsx
import { YuvaChat } from "@/components/yuva-chat"

export function Support() {
  return (
    <YuvaChat
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    />
  )
}

Položky

Všetky položky registra zoskupené ako v bočnom paneli.

Bloky

Komponenty

Hooks

Ďalej →Yuva chat