Preskoči na vsebino
Yuvashadcn
Yuva za shadcn/uiMeni

Yuva za shadcn/ui

Komponente React za klepet v živo, razprave na straneh dokumentacije in prijavo na poštne sezname, skopirane v vaš projekt shadcn/ui.

Register Yuva je nabor komponent in hookov, ki jih CLI shadcn skopira v vaš projekt. Uporabljajo vašo temo, z Yuva komunicirajo prek odjemalca useyuva in jih lahko urejate.

Zahteve

  • Projekt, ki že uporablja shadcn/ui, z Reactom in Tailwind CSS.
  • Klepetalni kanal Yuva in njegov javni ključ (yuva_pk_…).

Nastavitev kanala

  1. V plošči Yuva odprite Nastavitve, svoj nabiralnik in Kanale ter dodajte klepetalni kanal.
  2. Dodajte vsak origin, ki bo prikazoval komponente, kot dovoljen: svoje spletno mesto in razvojni strežnik.
  3. Kopirajte javni ključ kanala. Ni skrivnost.
  4. Za razprave nastavite način razprav kanala na moderated ali open. Za obrazec za prijavo dodajte javni poštni seznam.

Komponentam podajte ključ in naslov svojega strežnika Yuva, na primer v okolju:

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

Dodajte svoj prvi element

Namestite klepetalni blok in ga nato izrišite:

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}
    />
  )
}

Elementi

Vsi elementi registra, razvrščeni kot v stranski vrstici.

Bloki

Komponente

Hooks

Naprej →Yuva chat