// LAYER 04 · SDK · REACT PLAYGROUND

plazbot/react playground

Explora los componentes React del SDK. Selecciona un ejemplo, mira el codigo y el resultado en vivo.

// EJEMPLOS

Componente <Chat /> todo-en-uno con sugerencias y callbacks.

ChatBasico.tsx
TSX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import { Plazbot } from "plazbot";
import { PlazbotProvider, Chat } from "plazbot/react";
const sdk = new Plazbot({
  apiKey: "pk_live_xxxx",
  workspaceId: "ws_xxxx",
  zone: "LA",
});
export function App() {
  return (
    <PlazbotProvider sdk={sdk} agentId="ag_xxxx">
      <Chat
        suggestedQuestions={[
          "Buscar un contacto",
          "Agendar una cita",
          "Ver disponibilidad",
        ]}
        showPoweredBy={true}
        onMessage={(msg) => console.log("Mensaje:", msg)}
        onActionExecuted={(action) => console.log("Accion:", action)}
      />
    </PlazbotProvider>
  );
}
preview · runtime
live
Cargando preview...
plazbot·2026·meta business partner·status:all systems operational