Přeskočit na obsah
Yuvashadcn
Yuva pro shadcn/uiNabídka

Yuva pro shadcn/ui

Komponenty React pro živý chat, diskuse na stránkách dokumentace a přihlášení k e-mailovým seznamům, zkopírované do vašeho projektu shadcn/ui.

Registr Yuva je sada komponent a hooků, které CLI shadcn zkopíruje do vašeho projektu. Používají váš motiv, komunikují s Yuva přes klienta useyuva a můžete je upravovat.

Požadavky

  • Projekt, který už používá shadcn/ui, s Reactem a Tailwind CSS.
  • Chatový kanál Yuva a jeho veřejný klíč (yuva_pk_…).

Nastavení kanálu

  1. V panelu Yuva otevřete Nastavení, svou schránku a Kanály a přidejte chatový kanál.
  2. Přidejte každý origin, který bude komponenty zobrazovat, jako povolený: svůj web a vývojový server.
  3. Zkopírujte veřejný klíč kanálu. Není tajný.
  4. Pro diskuse nastavte režim diskusí kanálu na moderated nebo open. Pro přihlašovací formulář přidejte veřejný e-mailový seznam.

Předejte komponentám klíč a adresu svého serveru Yuva, například v prostředí:

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

Přidejte první položku

Nainstalujte chatový blok a pak ho vykreslete:

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šechny položky registru seskupené jako v postranním panelu.

Bloky

Komponenty

Hooks

Další →Yuva chat