title: Is there a way to make chakra ui MenuList items always visible
body: <p>I am using Chakra UI to create a menu. I have something like this:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Menu&gt;
      &lt;MenuButton&gt;hover over this&lt;/MenuButton&gt;
  
      &lt;MenuList&gt;
          &lt;Flex&gt;To show/hide this&lt;/Flex&gt; 
      &lt;/MenuList&gt;
  &lt;/Menu&gt;
  </code></pre>
  <p>I am trying to dynamically open the  tag on hover. The MenuList default is to open on user click. When I click on the button and then hover over it, my hover state works. I am trying to figure out a way so that the user does not have to click on the MenuButton for hovering over it to work.</p>