1.2 KiB
1.2 KiB
@docsearch/sidepanel
React package for DocSearch Sidepanel, a standalone Ask AI chat panel.
Installation
# or
npm install @docsearch/core@5 @docsearch/sidepanel@5 @docsearch/css@5
If you don’t want to use a package manager, you can use a standalone endpoint:
<script src="https://cdn.jsdelivr.net/npm/@docsearch/sidepanel-js"></script>
Get started
DocSearch Sidepanel generates a fully accessible Ask AI chat panel for you.
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>
);
}