@ docsearch/ sidepage

反应软件包 DocSearch 侧面板,一个独立的 Ask AI 聊天面板.

安装

# or
npm install @docsearch/core@5 @docsearch/sidepanel@5 @docsearch/css@5

如果您不想使用软件包管理器, 您可以使用独立的端点 :

<script src="https://cdn.jsdelivr.net/npm/@docsearch/sidepanel-js"></script>

开始吧

DocSearch Sidepanel 为您生成一个完全可访问的 Ask AI 聊天面板 .

import { DocSearch } from '@docsearch/core';
import { SidepanelButton, Sidepanel } from '@docsearch/sidepanel';

// Or using individual imports:
// import { Sidepanel } from '@docsearch/sidepanel/sidepanel';
// import { SidepanelButton } from '@docsearch/sidepanel/button';

import '@docsearch/css/dist/style.css';
import '@docsearch/css/dist/sidepanel.css';

function App() {
  return (
    <DocSearch>
      <SidepanelButton />
      <Sidepanel
        appId="YOUR_APP_ID"
        apiKey="YOUR_SEARCH_API_KEY"
        agentId="YOUR_AGENT_ID"
      />
    </DocSearch>
  );
}

文档

读取文档 +