title: Remove caret from semantic-ui react dropdown menu
body: <p>Does anyone know how to remove the caret on the <code>&lt;Menu&gt;&lt;Dropdown&gt;...</code> component?</p>
  
  <p>The prop list for that component does not have a flag as far as i can tell. Does anyone have experience with this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react'
  import { Dropdown, Menu } from 'semantic-ui-react'
  import { Menu as MenuIcon } from 'react-feather'
  
  // this automatically renders a right-hand caret on the menu
  // I added my own icon 'MenuIcon' from the feather icon set 
  // and i want to get rid of the caret
  const Header = () =&gt; (
    &lt;Menu vertical compact&gt;
      &lt;Dropdown item text={&lt;MenuIcon/&gt;}&gt;
        &lt;Dropdown.Menu&gt;
          &lt;Dropdown.Item&gt;Electronics&lt;/Dropdown.Item&gt;
          &lt;Dropdown.Item&gt;Automotive&lt;/Dropdown.Item&gt;
          &lt;Dropdown.Item&gt;Home&lt;/Dropdown.Item&gt;
        &lt;/Dropdown.Menu&gt;
      &lt;/Dropdown&gt;
    &lt;/Menu&gt;
  )
  
  export default Header</code></pre>
  </div>
  </div>
  </p>