Talk to your agentsReact

Chat Button

Copy page

Learn how to use the chat button component

The chat button component is a simple way to trigger the Inkeep modal.

import {
  InkeepChatButton,
  type InkeepChatButtonProps,
} from "@inkeep/cxkit-react-oss";

const buttonProps: InkeepChatButtonProps = {
  aiChatSettings: {
    graphUrl: "http://localhost:3003/api/chat",
    headers: {
      "x-inkeep-tenant-id": "inkeep",
      "x-inkeep-project-id": "default",
      "x-inkeep-graph-id": "5dNDlFGC8tweVvtkaAFBz",
    },
  },
};

const ChatButton = () => {
  return <InkeepChatButton {...buttonProps} />;
};
MCP ServerCustom Trigger