Siirry sisältöön
Yuvashadcn
Yuva shadcn/ui:lleValikko

Yuva shadcn/ui:lle

React-komponentit live-chatiin, dokumentaatiosivujen keskusteluihin ja postituslistalle liittymiseen, kopioituna shadcn/ui-projektiisi.

Yuva-rekisteri on joukko komponentteja ja hookeja, jotka shadcn CLI kopioi projektiisi. Ne käyttävät teemaasi, puhuvat Yuvalle useyuva-asiakkaan kautta ja ovat sinun muokattavissasi.

Vaatimukset

  • Projekti, joka jo käyttää shadcn/ui:ta, sekä React ja Tailwind CSS.
  • Yuva-chatkanava ja sen julkinen avain (yuva_pk_…).

Kanavan määrittäminen

  1. Avaa Yuva-paneelissa Asetukset, saapuneet-kansiosi ja Kanavat, ja lisää chatkanava.
  2. Lisää jokainen origin, joka näyttää komponentit, sallituksi originiksi: sivustosi ja kehityspalvelimesi.
  3. Kopioi kanavan julkinen avain. Se ei ole salaisuus.
  4. Aseta keskusteluja varten kanavan keskustelutilaksi moderated tai open. Lisää liittymislomaketta varten julkinen postituslista.

Anna avain ja Yuva-palvelimesi osoite komponenteille, esimerkiksi ympäristössä:

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

Lisää ensimmäinen kohteesi

Asenna chat-lohko ja renderöi se:

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

Kohteet

Kaikki rekisterin kohteet, ryhmiteltynä kuten sivupalkissa.

Lohkot

Komponentit

Hooks

Seuraava →Yuva chat