Salta al contingut
Yuvashadcn
Yuva per a shadcn/uiMenú

Yuva per a shadcn/ui

Components de React per a xat en directe, debats a les pàgines de documentació i subscripció a llistes de correu, copiats al teu projecte shadcn/ui.

El registre de Yuva és un conjunt de components i hooks que la CLI de shadcn copia al teu projecte. Fan servir el teu tema, parlen amb Yuva mitjançant el client useyuva i els pots editar.

Requisits

  • Un projecte que ja fa servir shadcn/ui, amb React i Tailwind CSS.
  • Un canal de xat de Yuva i la seva clau pública (yuva_pk_…).

Configura un canal

  1. Al tauler de Yuva, obre Configuració, la teva safata d'entrada, Canals i afegeix un canal de xat.
  2. Afegeix com a origen permès cada origen que mostrarà els components: el teu lloc i el teu servidor de desenvolupament.
  3. Copia la clau pública del canal. No és un secret.
  4. Per als debats, posa el mode de debats del canal a moderated o open. Per al formulari de subscripció, afegeix una llista de correu pública.

Passa la clau i l'adreça del teu servidor Yuva als components, per exemple a l'entorn:

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

Afegeix el teu primer element

Instal·la el bloc de xat i després renderitza'l:

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

Elements

Tots els elements del registre, agrupats com a la barra lateral.

Blocs

Components

Hooks

Següent →Yuva chat