title: Custom Search Bar in Docusaurus 2
body: <p>I'm just experimenting with Docusaurus V2, i want o enable offline search witth LUNR(<a href="https://lunrjs.com/" rel="nofollow noreferrer">https://lunrjs.com/</a>) Search, like described, in this blog.</p>
  
  <p><a href="https://v2.docusaurus.io/feedback/p/offline-search" rel="nofollow noreferrer">https://v2.docusaurus.io/feedback/p/offline-search</a></p>
  
  <p>i also searched the docs for that.</p>
  
  <p><a href="https://v2.docusaurus.io/docs/search/#__docusaurus" rel="nofollow noreferrer">https://v2.docusaurus.io/docs/search/#__docusaurus</a></p>
  
  <p>I installed the with the "yarn swizzle @docusaurus/theme-classic SearchBar" command, but no search bar appeared, when running with "npm start".</p>
  
  <p>Besides, a document was created with this content in src/theme/SearchBar.js:</p>
  
  <pre class="lang-js prettyprint-override"><code>/**
   * Copyright (c) 2017-present, Facebook, Inc.
   *
   * This source code is licensed under the MIT license found in the
   * LICENSE file in the root directory of this source tree.
   */
  
  export {default} from '@docusaurus/Noop';
  </code></pre>
  
  <p>The documentation is really thin, what could be wrong. Is there a working example?</p>
  
  <p>As described in the Blog by this video, there is a possibility. 
  <a href="https://canny.io/images/873b18eabf90e91512ac4d0ceb48973b.gif" rel="nofollow noreferrer">https://canny.io/images/873b18eabf90e91512ac4d0ceb48973b.gif</a></p>