title: Office UI Fabric/Fluent UI Dropdown Custom Rendering
body: <p>I'm looking at the options for customise fluent UI dropdown, based on the doc there are 4 options:
  <a href="https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown" rel="nofollow noreferrer">https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown</a></p>
  <pre class="lang-html prettyprint-override"><code>    &lt;Dropdown
        placeholder=&quot;Select an option&quot;
        label=&quot;Custom example&quot;
        ariaLabel=&quot;Custom dropdown example&quot;
        onRenderPlaceholder={onRenderPlaceholder}
        onRenderTitle={onRenderTitle}
        onRenderOption={onRenderOption}
        onRenderCaretDown={onRenderCaretDown}
        styles={dropdownStyles}
        options={exampleOptions}
      /&gt;
  </code></pre>
  <ol>
  <li>onRenderPlaceholder</li>
  <li>onRenderTitle</li>
  <li>onRenderOption</li>
  <li>onRenderCaretDown</li>
  </ol>
  <p>But these options are not really close to my requirements, I want to customise the group header and dropdown panel with extra buttons.</p>
  <p>Based on the defnition in the code (IDropdownProps) there are also some exposed custom rendering are not in the docs, just curiouse is there any sample use case for following custom renderings.</p>
  <ol>
  <li>onRenderItem</li>
  <li>onRenderList</li>
  <li>onRenderContainer</li>
  </ol>