title: How to get rid of input box on react-select dropdown
body: <p><strong>What I want</strong>: A horizontal list of tabs at the top of my app with a little elipsis at the right end which, when clicked, displays a dropdown list display of the tabs. So if the tabs are 50 items long, the user can just click the dropdown. Clicking an item in the dropdown would have the equivalent behavior of clicking that tab.</p>
  
  <p><strong>What I have that works</strong>: Tabs are homebrewed and work fine. Elipsis displays the dropdown list fine (I am using <a href="https://react-select.com/home" rel="nofollow noreferrer">React-Select</a>) and the selection functionality all works.</p>
  
  <p><strong>The problem:</strong> When the user clicks the elipsis they see the selectable list of options, but between the elipsis and the selectable list is the menu input. <strong><em>I don't want that menu input and I want it gone completely from the screen.</em></strong></p>
  
  <p>I tried fudging around with the <a href="https://react-select.com/components" rel="nofollow noreferrer">components api</a> for React-Select, but I don't even know where to start because there isn't any example code that I've found and I don't know how to decipher the documentation on the site.</p>
  
  <p>What I got:</p>
  
  <pre><code>  &lt;Select
      options={tabList}
      menuIsOpen={openMenu}
      defaultValue={blankOption}
      closeMenuOnSelect
      isSearchable={false}
      onChange={option =&gt; handleChange(option)}
    /&gt;
  </code></pre>