0da291bb95
* feat(v5): UI updates * fix: css file size * fix: e2e tests * fix: e2e tests * fix: e2e tests * chore: add theme toggle to react demo example * Update sources panel display, update dark theme * fix: lint * fix(askai): address ui review feedback * fix: pin icon positioning * fix(askai): improve a11y and dark-mode shimmer for thinking and error states - add role=alert/status and aria-hidden on error/thinking UI - support dark-mode shimmer gradients via CSS variables - respect prefers-reduced-motion for shimmer - handle null date in useRelativeFormattedDate with fallback translation |
||
|---|---|---|
| .. | ||
| src | ||
| style | ||
| askaiModal.js | ||
| button.js | ||
| docsearchAi.js | ||
| modal.js | ||
| package.json | ||
| README.md | ||
| sidepanel.js | ||
| tsdown.config.ts | ||
| useDocSearchKeyboardEvents.js | ||
| useTheme.js | ||
| version.js | ||
@docsearch/react
React package for DocSearch, the best search experience for docs.
Installation
npm install @docsearch/react@4
If you don’t want to use a package manager, you can use a standalone endpoint:
<script src="https://cdn.jsdelivr.net/npm/@docsearch/react@4"></script>
Get started
DocSearch generates a fully accessible search box for you.
import { DocSearch } from '@docsearch/react';
import '@docsearch/css';
function App() {
return (
<DocSearch
appId="YOUR_APP_ID"
indexName="YOUR_INDEX_NAME"
apiKey="YOUR_SEARCH_API_KEY"
/>
);
}
export default App;