CINXE.COM

<!DOCTYPE html><html class="antialiased [font-feature-settings:'ss01']" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Mendable Search Docs - Chat based search for your docs, website or anything.</title><meta name="description" content="Answer developer questions automatically with Mendable. Deployable anywhere with one line of code."/><link rel="preload" as="image" href="/_next/static/media/blur-cyan.d28a5585.png"/><link rel="preload" as="image" href="/_next/static/media/blur-indigo.b752cf77.png"/><meta name="next-head-count" content="6"/><script> let isDarkMode = window.matchMedia('(prefers-color-scheme: dark)') function updateTheme(theme) { theme = theme ?? window.localStorage.theme ?? 'system' if (theme === 'dark' || (theme === 'system' && isDarkMode.matches)) { document.documentElement.classList.add('dark') } else if (theme === 'light' || (theme === 'system' && !isDarkMode.matches)) { document.documentElement.classList.remove('dark') } return theme } function updateThemeWithoutTransitions(theme) { updateTheme(theme) document.documentElement.classList.add('[&_*]:!transition-none') window.setTimeout(() => { document.documentElement.classList.remove('[&_*]:!transition-none') }, 0) } document.documentElement.setAttribute('data-theme', updateTheme()) new MutationObserver(([{ oldValue }]) => { let newValue = document.documentElement.getAttribute('data-theme') if (newValue !== oldValue) { try { window.localStorage.setItem('theme', newValue) } catch {} updateThemeWithoutTransitions(newValue) } }).observe(document.documentElement, { attributeFilter: ['data-theme'], attributeOldValue: true }) isDarkMode.addEventListener('change', () => updateThemeWithoutTransitions()) </script><link rel="preload" href="/_next/static/css/171051144d0c1b7c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/171051144d0c1b7c.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-aeac718c7b958427.js" defer=""></script><script src="/_next/static/chunks/framework-654b6047e3d0e6e1.js" defer=""></script><script src="/_next/static/chunks/main-68d3c1d9e9a5056b.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8768bc9c096ca42c.js" defer=""></script><script src="/_next/static/chunks/605040ef-f5f96bed5842188e.js" defer=""></script><script src="/_next/static/chunks/36-2230d462c398d667.js" defer=""></script><script src="/_next/static/chunks/pages/index-23c856c9124b77db.js" defer=""></script><script src="/_next/static/18SDzS2rH0hjIQys-l3ps/_buildManifest.js" defer=""></script><script src="/_next/static/18SDzS2rH0hjIQys-l3ps/_ssgManifest.js" defer=""></script></head><body class="bg-white dark:bg-slate-900"><div id="__next"><header class="sticky top-0 z-50 flex flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 dark:shadow-none sm:px-6 lg:px-8 dark:bg-transparent"><div class="mr-6 flex lg:hidden"><button type="button" class="relative" aria-label="Open navigation"><svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" class="h-6 w-6 stroke-slate-500"><path d="M4 7h16M4 12h16M4 17h16"></path></svg></button><div style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></div></div><div class="relative flex flex-grow basis-0 items-center"><a aria-label="Home page" href="/"><svg width="546" height="546" viewBox="0 0 546 546" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden w-10 h-10 lg:block bg-primary rounded-lg "><g clip-path="url(#clip0_3620_357)"><path d="M264.987 200.961C264.987 160.363 297.811 127.564 338.44 127.564C379.068 127.564 411.892 160.409 411.892 200.961" stroke="white" stroke-width="44.0648" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M412.03 408.171L412.03 200.961" stroke="white" stroke-width="44.0648" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M264.935 409.074L264.987 200.961" stroke="white" stroke-width="44.0648" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M118.137 200.96C118.37 160.363 151.382 127.752 192.01 127.985C232.638 128.218 265.273 161.206 265.04 201.803" stroke="white" stroke-width="44.0648" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M118.169 195.409L116.949 408.12" stroke="white" stroke-width="44.0648" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M339 198L338 377" stroke="white" stroke-width="42" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M192 197L191 377" stroke="white" stroke-width="42" stroke-miterlimit="10" stroke-linecap="round"></path></g><defs><clipPath id="clip0_3620_357"><rect width="546" height="546" fill="white"></rect></clipPath></defs></svg></a></div><div class="-my-5 mr-6 sm:mr-8 md:mr-0 max-w-[300px] sm:max-w-[400px] sm:w-[500px] min-w-4xl"><button id="ms-search-bar" style="background-color:#fff;border-color:#6B728033;color:#9ca3af" class="ms-global search-btn__input ms-m-0 ms-flex ms-h-10 ms-w-full ms-flex-row ms-items-center ms-justify-between ms-gap-2 ms-bg-gray-50 ms-p-1 ms-px-2 ms-outline-none ms-ring-0 ms-transition-all hover:ms-cursor-pointer sm:ms-p-2 sm:ms-px-3 ms-border ms-rounded-xl"><div class="ms-global search-btn__input-container ms-flex ms-w-full ms-min-w-0 ms-items-center ms-gap-0 sm:ms-gap-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" style="color:#9ca3af;fill:#9ca3af" class="search-btn__icon hover:fill-white ms-h-5 ms-w-5 ms-fill-gray-400 hover:ms-text-white focus:ms-fill-white focus:ms-text-white sm:ms-h-6 sm:ms-w-6" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg><div id="userInput" style="color:#9ca3af" class="ms-global search-btn__input ms-w-full ms-flex-grow ms-truncate ms-bg-transparent ms-text-sm ms-outline-none ms-ring-0 ms-ring-transparent focus:ms-outline-none focus:ms-ring-0 focus:ms-ring-transparent sm:ms-text-base ms-ml-1 ms-flex ms-items-start ms-justify-start">Search...</div></div><div style="background-color:#fff;border-color:#6B728033;color:#9ca3af" class="search-btn__shortcut ms-z-10 ms-flex ms-flex-row ms-items-center ms-gap-1 ms-rounded-lg ms-border ms-py-[2px] ms-px-[8px] ms-text-xs ms-text-gray-400 ms-transition-all disabled:ms-bg-opacity-10"><span>CTRL</span><span>K</span></div></button><div></div></div><div class="hidden relative sm:flex basis-0 justify-end gap-6 sm:gap-8 md:flex-grow"><a href="/faq"><p class="text-slate-500">FAQ</p></a><a href="/changelog"><p class="text-slate-500">Changelog</p></a><div class="relative z-10" data-headlessui-state=""><label class="sr-only" id="headlessui-listbox-label-:R3736:" data-headlessui-state="">Theme</label><button class="flex h-6 w-6 items-center justify-center rounded-lg shadow-md shadow-black/5 ring-1 ring-black/5 dark:bg-slate-700 dark:ring-inset dark:ring-white/5" id="headlessui-listbox-button-:R5736:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-indigo-400 [[data-theme=light]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z"></path></svg><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-indigo-400 [[data-theme=dark]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z"></path></svg><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-slate-400 [:not(.dark)[data-theme=system]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z"></path></svg><svg aria-hidden="true" viewBox="0 0 16 16" class="hidden h-4 w-4 fill-slate-400 [.dark[data-theme=system]_&]:block"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z"></path></svg></button></div><a class="group" aria-label="GitHub" href="https://www.npmjs.com/package/@mendable/search"><svg class="h-6 w-6 fill-slate-400 group-hover:fill-slate-500 dark:group-hover:fill-slate-300" width="800px" height="800px" viewBox="0 0 256 256"><g><polygon fill="#C12127" points="0 256 0 0 256 0 256 256"></polygon><polygon fill="#FFFFFF" points="48 48 208 48 208 208 176 208 176 80 128 80 128 208 48 208"></polygon></g></svg></a></div></header><div class="overflow-hidden bg-slate-900 dark:-mb-32 dark:mt-[-4.5rem] dark:pb-32 dark:pt-[4.5rem] dark:lg:mt-[-4.75rem] dark:lg:pt-[4.75rem]"><div class="py-8 sm:px-2 lg:relative lg:px-0"><div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-y-16 gap-x-8 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12"><div class="relative z-10 md:text-center lg:text-left"><img alt="" src="/_next/static/media/blur-cyan.d28a5585.png" width="530" height="530" decoding="async" data-nimg="1" class="absolute bottom-full right-full -mr-72 -mb-56 opacity-50" style="color:transparent"/><div class="relative"><p class="inline bg-gradient-to-r from-indigo-300 via-purple-400 to-indigo-200 bg-clip-text font-display text-4xl tracking-tight text-transparent">Answer technical <br/>questions with AI</p><p class="mt-3 text-lg leading-7 text-slate-400">Train an AI on your technical resources to answer customer and employee questions so your team doesn't have to</p><div class="mt-6 flex gap-4 md:justify-center lg:justify-start"><a class="rounded-full bg-primary py-2 px-4 text-white text-sm font-semibold hover:bg-opacity-75 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-300/50 active:bg-primary" href="https://mendable.ai">Get started</a><a class="rounded-full bg-slate-800 py-2 px-4 text-sm font-medium text-white hover:bg-opacity-75 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white/50 " href="https://www.npmjs.com/package/@mendable/search">View on npm</a></div></div></div><div class="relative lg:static xl:pl-10"><div class="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] dark:[mask-image:linear-gradient(transparent,white,transparent)] lg:left-[calc(50%+14rem)] lg:right-0 lg:-top-32 lg:-bottom-32 lg:[mask-image:none] lg:dark:[mask-image:linear-gradient(white,white,transparent)]"><svg aria-hidden="true" viewBox="0 0 668 1069" width="668" height="1069" fill="none" class="absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 lg:left-0 lg:translate-x-0 lg:translate-y-[-60%]"><defs><clipPath id=":R1l6:-clip-path"><path fill="#fff" transform="rotate(-180 334 534.4)" d="M0 0h668v1068.8H0z"></path></clipPath></defs><g opacity=".4" clip-path="url(#:R1l6:-clip-path)" stroke-width="4"><path opacity=".3" d="M584.5 770.4v-474M484.5 770.4v-474M384.5 770.4v-474M283.5 769.4v-474M183.5 768.4v-474M83.5 767.4v-474" stroke="#334155"></path><path d="M83.5 221.275v6.587a50.1 50.1 0 0 0 22.309 41.686l55.581 37.054a50.102 50.102 0 0 1 22.309 41.686v6.587M83.5 716.012v6.588a50.099 50.099 0 0 0 22.309 41.685l55.581 37.054a50.102 50.102 0 0 1 22.309 41.686v6.587M183.7 584.5v6.587a50.1 50.1 0 0 0 22.31 41.686l55.581 37.054a50.097 50.097 0 0 1 22.309 41.685v6.588M384.101 277.637v6.588a50.1 50.1 0 0 0 22.309 41.685l55.581 37.054a50.1 50.1 0 0 1 22.31 41.686v6.587M384.1 770.288v6.587a50.1 50.1 0 0 1-22.309 41.686l-55.581 37.054A50.099 50.099 0 0 0 283.9 897.3v6.588" stroke="#334155"></path><path d="M384.1 770.288v6.587a50.1 50.1 0 0 1-22.309 41.686l-55.581 37.054A50.099 50.099 0 0 0 283.9 897.3v6.588M484.3 594.937v6.587a50.1 50.1 0 0 1-22.31 41.686l-55.581 37.054A50.1 50.1 0 0 0 384.1 721.95v6.587M484.3 872.575v6.587a50.1 50.1 0 0 1-22.31 41.686l-55.581 37.054a50.098 50.098 0 0 0-22.309 41.686v6.582M584.501 663.824v39.988a50.099 50.099 0 0 1-22.31 41.685l-55.581 37.054a50.102 50.102 0 0 0-22.309 41.686v6.587M283.899 945.637v6.588a50.1 50.1 0 0 1-22.309 41.685l-55.581 37.05a50.12 50.12 0 0 0-22.31 41.69v6.59M384.1 277.637c0 19.946 12.763 37.655 31.686 43.962l137.028 45.676c18.923 6.308 31.686 24.016 31.686 43.962M183.7 463.425v30.69c0 21.564 13.799 40.709 34.257 47.529l134.457 44.819c18.922 6.307 31.686 24.016 31.686 43.962M83.5 102.288c0 19.515 13.554 36.412 32.604 40.645l235.391 52.309c19.05 4.234 32.605 21.13 32.605 40.646M83.5 463.425v-58.45M183.699 542.75V396.625M283.9 1068.8V945.637M83.5 363.225v-141.95M83.5 179.524v-77.237M83.5 60.537V0M384.1 630.425V277.637M484.301 830.824V594.937M584.5 1068.8V663.825M484.301 555.275V452.988M584.5 622.075V452.988M384.1 728.537v-56.362M384.1 1068.8v-20.88M384.1 1006.17V770.287M283.9 903.888V759.85M183.699 1066.71V891.362M83.5 1068.8V716.012M83.5 674.263V505.175" stroke="#334155"></path><circle cx="83.5" cy="384.1" r="10.438" transform="rotate(-180 83.5 384.1)" fill="#1E293B" stroke="#334155"></circle><circle cx="83.5" cy="200.399" r="10.438" transform="rotate(-180 83.5 200.399)" stroke="#334155"></circle><circle cx="83.5" cy="81.412" r="10.438" transform="rotate(-180 83.5 81.412)" stroke="#334155"></circle><circle cx="183.699" cy="375.75" r="10.438" transform="rotate(-180 183.699 375.75)" fill="#1E293B" stroke="#334155"></circle><circle cx="183.699" cy="563.625" r="10.438" transform="rotate(-180 183.699 563.625)" fill="#1E293B" stroke="#334155"></circle><circle cx="384.1" cy="651.3" r="10.438" transform="rotate(-180 384.1 651.3)" fill="#1E293B" stroke="#334155"></circle><circle cx="484.301" cy="574.062" r="10.438" transform="rotate(-180 484.301 574.062)" fill="#0EA5E9" fill-opacity=".42" stroke="#0EA5E9"></circle><circle cx="384.1" cy="749.412" r="10.438" transform="rotate(-180 384.1 749.412)" fill="#1E293B" stroke="#334155"></circle><circle cx="384.1" cy="1027.05" r="10.438" transform="rotate(-180 384.1 1027.05)" stroke="#334155"></circle><circle cx="283.9" cy="924.763" r="10.438" transform="rotate(-180 283.9 924.763)" stroke="#334155"></circle><circle cx="183.699" cy="870.487" r="10.438" transform="rotate(-180 183.699 870.487)" stroke="#334155"></circle><circle cx="283.9" cy="738.975" r="10.438" transform="rotate(-180 283.9 738.975)" fill="#1E293B" stroke="#334155"></circle><circle cx="83.5" cy="695.138" r="10.438" transform="rotate(-180 83.5 695.138)" fill="#1E293B" stroke="#334155"></circle><circle cx="83.5" cy="484.3" r="10.438" transform="rotate(-180 83.5 484.3)" fill="#0EA5E9" fill-opacity=".42" stroke="#0EA5E9"></circle><circle cx="484.301" cy="432.112" r="10.438" transform="rotate(-180 484.301 432.112)" fill="#1E293B" stroke="#334155"></circle><circle cx="584.5" cy="432.112" r="10.438" transform="rotate(-180 584.5 432.112)" fill="#1E293B" stroke="#334155"></circle><circle cx="584.5" cy="642.95" r="10.438" transform="rotate(-180 584.5 642.95)" fill="#1E293B" stroke="#334155"></circle><circle cx="484.301" cy="851.699" r="10.438" transform="rotate(-180 484.301 851.699)" stroke="#334155"></circle><circle cx="384.1" cy="256.763" r="10.438" transform="rotate(-180 384.1 256.763)" stroke="#334155"></circle></g></svg></div><div class="relative"><img alt="" src="/_next/static/media/blur-cyan.d28a5585.png" width="530" height="530" decoding="async" data-nimg="1" class="absolute -top-64 -right-64" style="color:transparent"/><img alt="" src="/_next/static/media/blur-indigo.b752cf77.png" width="567" height="567" decoding="async" data-nimg="1" class="absolute -bottom-40 -right-44" style="color:transparent"/><div class="absolute inset-0 rounded-2xl bg-gradient-to-tr from-purple-400 via-primary/70 to-blue-300 opacity-10 blur-lg"></div><div class="absolute inset-0 rounded-2xl bg-gradient-to-tr from-purple-400 via-primary/70 to-blue-300 opacity-10"></div><div class="relative rounded-2xl bg-[#0A101F]/80 ring-1 ring-white/10 backdrop-blur"><div class="absolute -top-px left-20 right-11 h-px bg-gradient-to-r from-primary/0 via-primary/70 to-primary/0"></div><div class="absolute -bottom-px left-11 right-20 h-px bg-gradient-to-r from-blue-400/0 via-blue-400 to-blue-400/0"></div><div class="pl-4 pt-4"><svg aria-hidden="true" viewBox="0 0 42 10" fill="none" class="h-2.5 w-auto stroke-slate-500/30"><circle cx="5" cy="5" r="4.5"></circle><circle cx="21" cy="5" r="4.5"></circle><circle cx="37" cy="5" r="4.5"></circle></svg><div class="mt-4 flex space-x-2 text-xs"><div class="flex h-6 rounded-full bg-gradient-to-r from-primary/30 via-primary to-primary/30 p-px font-medium text-purple-400"><div class="flex items-center rounded-full px-2.5 bg-slate-800">Search.tsx</div></div></div><div class="mt-6 flex items-start px-1 text-sm"><div aria-hidden="true" class="select-none border-r border-slate-300/5 pr-4 font-mono text-slate-600">01<br/>02<br/>03<br/>04<br/></div><pre class="prism-code language-jsx flex overflow-x-auto pb-6"><code class="px-4"><div class="token-line"><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">MendableSearch</span><span class="token imports"> </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@mendable/search'</span><span class="token punctuation">}</span><span class="token plain"></span></div><div class="token-line"><span class="token plain"> </span></div><div class="token-line"><span class="token plain"></span><span class="token tag punctuation"><</span><span class="token tag class-name">MendableSearchBar</span><span class="token tag"> </span><span class="token tag attr-name">anon_key</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript constant">MENDABLE_ANON_KEY</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag"> </span><span class="token tag punctuation">/></span><span class="token plain"></span></div><div class="token-line"><span class="token plain"> </span></div></code></pre></div></div></div></div></div></div></div></div><div class="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12"><div class="hidden lg:relative lg:block lg:flex-none"><div class="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:hidden"></div><div class="absolute top-16 bottom-0 right-0 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block"></div><div class="absolute top-28 bottom-0 right-0 hidden w-px bg-slate-800 dark:block"></div><div class="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] overflow-y-auto overflow-x-hidden py-16 pl-0.5"><nav class="text-base lg:text-sm w-64 pr-8 xl:w-72 xl:pr-16"><ul role="list" class="space-y-9"><li><h2 class="font-display font-medium text-slate-900 dark:text-white">Introduction</h2><ul role="list" class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full font-semibold text-primary dark:text-purple-400 before:text-primary" href="/">Getting started</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/installation">Installation</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/ingestion">Ingesting your docs</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/prompt_customization">Prompt Customization</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/examples">Showcase</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">Featured</h2><ul role="list" class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/tools">Tools & Actions<span class="ml-2 text-primary font-medium bg-primary/25 border border-primary px-1 rounded-md">NEW</span></a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/applications/copilots">Product copilots</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/applications/routers">Routers</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">Integration Guides</h2><ul role="list" class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/integrations/slack">Slack AI Bot</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/integrations/docusaurus">Docusaurus</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/integrations/teams">Teams AI Bot</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/integrations/discord">Discord AI Bot</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/integrations/wordpress">WordPress</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">Components</h2><ul role="list" class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/components/overview">Overview</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/components/vanilla-js">Vanilla JS</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/components/search-bar">Search Bar</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/components/floating-button">Floating Button</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/components/in-place">In Place</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/components/chat-bubble">Chat Bubble</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">API</h2><ul role="list" class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/overview">Overview</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/concepts">Concepts</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/ingestion">Data Ingestion</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/manage-data-sources">Managing Data</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/conversation">Conversation</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/chat">Chat</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/rating">Message Rating</a></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/mendable-api/export_data">Export Data</a></li></ul></li><li><h2 class="font-display font-medium text-slate-900 dark:text-white">SDKs</h2><ul role="list" class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:mt-4 lg:space-y-4 lg:border-slate-200"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/sdks/python">Python</a></li></ul></li></ul></nav></div></div><div class="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16"><article><header class="mb-9 space-y-1"><p class="font-display text-sm font-medium text-purple-400">Introduction</p><h1 class="font-display text-3xl tracking-tight text-slate-900 dark:text-white">Getting started</h1></header><div class="prose prose-slate max-w-none dark:prose-invert dark:text-slate-400 prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem] prose-lead:text-slate-500 dark:prose-lead:text-slate-400 prose-a:font-semibold dark:prose-a:text-indigo-400 prose-a:no-underline prose-a:shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,4px)+2px))_0_0_var(--tw-prose-underline,theme(colors.purple.300))] hover:prose-a:[--tw-prose-underline-size:6px] dark:[--tw-prose-background:theme(colors.slate.900)] dark:prose-a:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))] dark:hover:prose-a:[--tw-prose-underline-size:6px] prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-800/60 dark:prose-pre:shadow-none dark:prose-pre:ring-1 dark:prose-pre:ring-slate-300/10 dark:prose-hr:border-slate-800"><p>Learn how to get Mendable Search set up in your React project.</p><div class="not-prose my-12 grid grid-cols-1 gap-6 sm:grid-cols-2"><div class="group relative rounded-xl border border-slate-200 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.purple.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.purple.400),theme(colors.purple.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.purple.900)] [--icon-background:theme(colors.purple.100)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R324pn6:-gradient" gradientTransform="matrix(0 21 -21 0 12 3)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R324pn6:-gradient-dark" gradientTransform="matrix(0 21 -21 0 16 7)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="12" cy="12" r="12" fill="url(#:R324pn6:-gradient)"></circle><path d="m8 8 9 21 2-10 10-2L8 8Z" fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g><g class="hidden dark:inline"><path d="m4 4 10.286 24 2.285-11.429L28 14.286 4 4Z" fill="url(#:R324pn6:-gradient-dark)" stroke="url(#:R324pn6:-gradient-dark)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/installation"><span class="absolute -inset-px rounded-xl"></span>Installation</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Step-by-step guides to setting up your system and installing the library.</p></div></div><div class="group relative rounded-xl border border-slate-200 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.purple.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.purple.400),theme(colors.purple.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.purple.900)] [--icon-background:theme(colors.purple.100)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R344pn6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R344pn6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R344pn6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:R344pn6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:R344pn6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:R344pn6:-gradient-dark-2)" stroke="url(#:R344pn6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/components/overview"><span class="absolute -inset-px rounded-xl"></span>Components</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">React components ready to plug and play</p></div></div><div class="group relative rounded-xl border border-slate-200 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.purple.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.purple.400),theme(colors.purple.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.purple.900)] [--icon-background:theme(colors.purple.100)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R364pn6:-gradient" gradientTransform="matrix(0 21 -21 0 12 11)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R364pn6:-gradient-dark" gradientTransform="matrix(0 24.5 -24.5 0 16 5.5)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="12" cy="20" r="12" fill="url(#:R364pn6:-gradient)"></circle><path d="M27 12.13 19.87 5 13 11.87v14.26l14-14Z" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" fill-opacity="0.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 3h10v22a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V3Z" class="fill-[var(--icon-background)]" fill-opacity="0.5"></path><path d="M3 9v16a4 4 0 0 0 4 4h2a4 4 0 0 0 4-4V9M3 9V3h10v6M3 9h10M3 15h10M3 21h10" class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M29 29V19h-8.5L13 26c0 1.5-2.5 3-5 3h21Z" fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g><g class="hidden dark:inline"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 2a1 1 0 0 0-1 1v21a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H3Zm16.752 3.293a1 1 0 0 0-1.593.244l-1.045 2A1 1 0 0 0 17 8v13a1 1 0 0 0 1.71.705l7.999-8.045a1 1 0 0 0-.002-1.412l-6.955-6.955ZM26 18a1 1 0 0 0-.707.293l-10 10A1 1 0 0 0 16 30h13a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1h-3ZM5 18a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H5Zm-1-5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm1-7a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2H5Z" fill="url(#:R364pn6:-gradient-dark)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/integrations/docusaurus"><span class="absolute -inset-px rounded-xl"></span>SDKs & Integrations</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Integrate with Docusaurus + other providers easily</p></div></div><div class="group relative rounded-xl border border-slate-200 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.purple.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.purple.400),theme(colors.purple.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.purple.900)] [--icon-background:theme(colors.purple.100)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R384pn6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R384pn6:-gradient-dark" gradientTransform="matrix(0 24.5001 -19.2498 0 16 5.5)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:R384pn6:-gradient)"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z" class="fill-[var(--icon-background)]" fill-opacity="0.5"></path><path d="M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z" class="fill-[var(--icon-foreground)]"></path><path d="M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z" class="fill-[var(--icon-foreground)]"></path></g><g class="hidden dark:inline"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z" fill="url(#:R384pn6:-gradient-dark)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/tools"><span class="absolute -inset-px rounded-xl"></span>Tools & Actions</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Enhance your AI with tools for augmentation and actions for automation</p></div></div><div class="group relative rounded-xl border border-slate-200 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.purple.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.purple.400),theme(colors.purple.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.purple.900)] [--icon-background:theme(colors.purple.100)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R3a4pn6:-gradient" gradientTransform="matrix(0 21 -21 0 20 3)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":R3a4pn6:-gradient-dark" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#A855F7"></stop><stop stop-color="#D291FB" offset=".527"></stop><stop stop-color="#F8A5FA" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="12" r="12" fill="url(#:R3a4pn6:-gradient)"></circle><g class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" fill-opacity="0.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2Z"></path><path d="M18 17v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V17a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2Z"></path><path d="M18 5v4a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2Z"></path><path d="M3 25v2a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2Z"></path></g></g><g class="hidden dark:inline" fill="url(#:R3a4pn6:-gradient-dark)"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 17V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1Zm16 10v-9a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2Zm0-23v5a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1ZM3 28v-3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1Z"></path><path d="M2 4v13h2V4H2Zm2-2a2 2 0 0 0-2 2h2V2Zm8 0H4v2h8V2Zm2 2a2 2 0 0 0-2-2v2h2Zm0 13V4h-2v13h2Zm-2 2a2 2 0 0 0 2-2h-2v2Zm-8 0h8v-2H4v2Zm-2-2a2 2 0 0 0 2 2v-2H2Zm16 1v9h2v-9h-2Zm3-3a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1v-2Zm6 0h-6v2h6v-2Zm3 3a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2Zm0 9v-9h-2v9h2Zm-3 3a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2Zm-6 0h6v-2h-6v2Zm-3-3a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1h-2Zm2-18V4h-2v5h2Zm0 0h-2a2 2 0 0 0 2 2V9Zm8 0h-8v2h8V9Zm0 0v2a2 2 0 0 0 2-2h-2Zm0-5v5h2V4h-2Zm0 0h2a2 2 0 0 0-2-2v2Zm-8 0h8V2h-8v2Zm0 0V2a2 2 0 0 0-2 2h2ZM2 25v3h2v-3H2Zm2-2a2 2 0 0 0-2 2h2v-2Zm9 0H4v2h9v-2Zm2 2a2 2 0 0 0-2-2v2h2Zm0 3v-3h-2v3h2Zm-2 2a2 2 0 0 0 2-2h-2v2Zm-9 0h9v-2H4v2Zm-2-2a2 2 0 0 0 2 2v-2H2Z"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/mendable-api/overview"><span class="absolute -inset-px rounded-xl"></span>API</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Build freely on top of our API.</p></div></div></div><h2 id="quick-start">Quick start</h2><h3 id="before-you-begin">Before you begin</h3><p>You will need to have a Mendable Search credientials. If you don't have one, you can get one by going to <a href="https://mendable.ai">mendable.ai</a> and signing up for free.</p><h3 id="what-is-mendable">What is Mendable?</h3><p>Mendable provides chat-powered search through <a href="/components/overview">components</a>. It allows you to provide detailed, accurate, and contextually relevant answers to your customers' questions based on your documentation. Mendable also offers an <a href="/mendable-api/overview">API</a> where it can be used to integrate Mendable's ingestion and completion capabilities into your own applications.</p><h3 id="installation">Installation</h3><p>If you are not using React, you can use our <a href="/components/vanilla-js">Vanilla JS</a> component or our <a href="/mendable-api/overview">API</a>.</p><pre class="prism-code language-bash"><code><span class="token function">npm</span><span class="token plain"> </span><span class="token function">install</span><span class="token plain"> @mendable/search</span> </code></pre><h3 id="usage">Usage</h3><p>In your React app, import the component and pass in the <code>anon_key</code> prop. You can find your <code>anon_key</code> in the Mendable <a href="https://mendable.ai/app">project dashboard</a>.</p><pre class="prism-code language-jsx"><code><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">MendableSearchBar</span><span class="token imports"> </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">"@mendable/search"</span><span class="token plain"></span>  <span class="token plain"></span><span class="token tag punctuation"><</span><span class="token tag class-name">MendableSearchBar</span><span class="token tag"> </span><span class="token tag attr-name">anon_key</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">'</span><span class="token tag attr-value">YOUR_ANON_KEY</span><span class="token tag attr-value punctuation">'</span><span class="token tag punctuation">/></span> </code></pre><h3 id="component">Component</h3><p>In this example it will display our <a href="/components/search-bar">search bar</a> component.</p><p><img src="/images/search-bar.png" alt="" class="rounded-lg"/></p><h3 id="ai-search">AI Search</h3><p>When clicked, it displays the AI search modal, where the user can ask questions.</p><p><img src="/images/search-borderless.png" alt="" class="rounded-lg"/></p><p>That's it! You now have Mendable Search set up in your React project. Take a look at our other components and their properties <a href="/components/overview">here</a>.</p><p>If you want to build on top of Mendable's infrastructure, check out our <a href="/mendable-api/overview">API</a>.</p><p>Last but not least, we offer many <a href="/examples">examples</a> and integrations (<a href="/integrations/docusaurus">Docusaurus</a>, <a href="/sdks/python">Python SDK</a>) for you to get started quickly.</p></div></article><dl class="mt-12 flex border-t border-slate-200 pt-6 dark:border-slate-800"><div class="ml-auto text-right"><dt class="font-display text-sm font-medium text-slate-900 dark:text-white">Next</dt><dd class="mt-1"><a class="text-base font-semibold text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300" href="/installation">Installation <span aria-hidden="true">→</span></a></dd></div></dl></div><div class="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6"><nav aria-labelledby="on-this-page-title" class="w-56"><h2 id="on-this-page-title" class="font-display text-sm font-medium text-slate-900 dark:text-white">On this page</h2><ol role="list" class="mt-4 space-y-3 text-sm"><li><h3><a class="text-primary" href="/#quick-start">Quick start</a></h3><ol role="list" class="mt-2 space-y-3 pl-5 text-slate-500 dark:text-slate-400"><li><a class="hover:text-slate-600 dark:hover:text-slate-300" href="/#before-you-begin">Before you begin</a></li><li><a class="hover:text-slate-600 dark:hover:text-slate-300" href="/#what-is-mendable">What is Mendable?</a></li><li><a class="hover:text-slate-600 dark:hover:text-slate-300" href="/#installation">Installation</a></li><li><a class="hover:text-slate-600 dark:hover:text-slate-300" href="/#usage">Usage</a></li><li><a class="hover:text-slate-600 dark:hover:text-slate-300" href="/#component">Component</a></li><li><a class="hover:text-slate-600 dark:hover:text-slate-300" href="/#ai-search">AI Search</a></li></ol></li></ol></nav></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"markdoc":{"content":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Learn how to get Mendable Search set up in your React project."]},{"$$mdtype":"Tag","name":"QuickLinks","attributes":{},"children":[{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Installation","description":"Step-by-step guides to setting up your system and installing the library.","icon":"installation","href":"/installation"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Components","description":"React components ready to plug and play","icon":"plugins","href":"/components/overview"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"SDKs \u0026 Integrations","description":"Integrate with Docusaurus + other providers easily","icon":"theming","href":"/integrations/docusaurus"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Tools \u0026 Actions","description":"Enhance your AI with tools for augmentation and actions for automation","icon":"lightbulb","href":"/tools"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"API","description":"Build freely on top of our API.","icon":"presets","href":"/mendable-api/overview"},"children":[]}]},{"$$mdtype":"Tag","name":"h2","attributes":{"id":"quick-start"},"children":["Quick start"]},{"$$mdtype":"Tag","name":"h3","attributes":{"id":"before-you-begin"},"children":["Before you begin"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You will need to have a Mendable Search credientials. If you don't have one, you can get one by going to ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://mendable.ai"},"children":["mendable.ai"]}," and signing up for free."]},{"$$mdtype":"Tag","name":"h3","attributes":{"id":"what-is-mendable"},"children":["What is Mendable?"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Mendable provides chat-powered search through ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/components/overview"},"children":["components"]},". It allows you to provide detailed, accurate, and contextually relevant answers to your customers' questions based on your documentation. Mendable also offers an ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/mendable-api/overview"},"children":["API"]}," where it can be used to integrate Mendable's ingestion and completion capabilities into your own applications."]},{"$$mdtype":"Tag","name":"h3","attributes":{"id":"installation"},"children":["Installation"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If you are not using React, you can use our ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/components/vanilla-js"},"children":["Vanilla JS"]}," component or our ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/mendable-api/overview"},"children":["API"]},"."]},{"$$mdtype":"Tag","name":"Fence","attributes":{"language":"bash"},"children":["npm install @mendable/search\n"]},{"$$mdtype":"Tag","name":"h3","attributes":{"id":"usage"},"children":["Usage"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In your React app, import the component and pass in the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["anon_key"]}," prop. You can find your ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["anon_key"]}," in the Mendable ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://mendable.ai/app"},"children":["project dashboard"]},"."]},{"$$mdtype":"Tag","name":"Fence","attributes":{"language":"jsx"},"children":["import { MendableSearchBar } from \"@mendable/search\"\n\n\u003cMendableSearchBar anon_key='YOUR_ANON_KEY'/\u003e\n"]},{"$$mdtype":"Tag","name":"h3","attributes":{"id":"component"},"children":["Component"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In this example it will display our ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/components/search-bar"},"children":["search bar"]}," component."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/images/search-bar.png","alt":""},"children":[]}]},{"$$mdtype":"Tag","name":"h3","attributes":{"id":"ai-search"},"children":["AI Search"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["When clicked, it displays the AI search modal, where the user can ask questions."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/images/search-borderless.png","alt":""},"children":[]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["That's it! You now have Mendable Search set up in your React project. Take a look at our other components and their properties ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/components/overview"},"children":["here"]},"."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If you want to build on top of Mendable's infrastructure, check out our ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/mendable-api/overview"},"children":["API"]},"."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Last but not least, we offer many ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/examples"},"children":["examples"]}," and integrations (",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/integrations/docusaurus"},"children":["Docusaurus"]},", ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/sdks/python"},"children":["Python SDK"]},") for you to get started quickly."]}],"frontmatter":{"title":"Getting started","pageTitle":"Mendable Search Docs - Chat based search for your docs, website or anything.","description":"Answer developer questions automatically with Mendable. Deployable anywhere with one line of code."},"file":{"path":"/index.md"}}},"__N_SSG":true},"page":"/","query":{},"buildId":"18SDzS2rH0hjIQys-l3ps","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>