title: How to clear Multiselect Dropdown in Semantic UI React using a button?
body: <p>I have a Semantic UI React Multiselect Dropdown inside a React functional component and want to have buttons inside the menu, as such (still need to center them...)</p>
  <p><a href="https://i.stack.imgur.com/YJx8t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YJx8t.png" alt="buttons in dropdown" /></a></p>
  <p>How can I clear the selected values using the 'Clear' button?
  I am able to clear the selection using the 'x' icon, but that's built into the component.</p>
  <pre><code>    &lt;Dropdown
          search
          multiple
          selection
          clearable
          closeOnSelectionChange={false}
          options={filterInitialSuggestions()}
          className='selectDropdown'
          header={dropdownButtons()}
      /&gt;
          
      const dropdownButtons = () =&gt; {
          return (
              &lt;div&gt;
                  &lt;Button positive size='mini'&gt;
                      Save
                  &lt;/Button&gt;
                  &lt;Button grey size='mini' onClick={() =&gt; console.log('I want to reset the multi select dropdown')}&gt;
                      Clear
                  &lt;/Button&gt;
                  &lt;Divider /&gt;
              &lt;/div&gt;
          );
      };
  </code></pre>