Preskoči na sadržaj
Yuvashadcn
Yuva za shadcn/uiIzbornik

Yuva za shadcn/ui

React komponente za chat uživo, rasprave na stranicama dokumentacije i prijavu na mailing liste, kopirane u vaš shadcn/ui projekt.

Yuva registar je skup komponenti i hookova koje shadcn CLI kopira u vaš projekt. Koriste vašu temu, s Yuvom komuniciraju preko klijenta useyuva, a možete ih uređivati.

Zahtjevi

  • Projekt koji već koristi shadcn/ui, s Reactom i Tailwind CSS-om.
  • Yuva chat kanal i njegov javni ključ (yuva_pk_…).

Postavite kanal

  1. U Yuva ploči otvorite Postavke, svoj sandučić i Kanale te dodajte chat kanal.
  2. Dodajte svaki origin koji će prikazivati komponente kao dopušteni: svoje web-mjesto i razvojni poslužitelj.
  3. Kopirajte javni ključ kanala. Nije tajna.
  4. Za rasprave postavite način rasprava kanala na moderated ili open. Za obrazac za prijavu dodajte javnu mailing listu.

Komponentama proslijedite ključ i adresu svojeg Yuva poslužitelja, na primjer u okruženju:

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

Dodajte svoj prvi element

Instalirajte chat blok pa ga renderirajte:

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

Svi elementi registra, grupirani kao u bočnoj traci.

Blokovi

Komponente

Hooks

Sljedeće →Yuva chat