Ability to nest Toolbar.Item as an opening button for a DropdownMenu

[Xstoudi]

This example:

    <DropdownMenu
      trigger="click"
      onSelect={selectOption}
      options={filterOptions}
    >
      <Toolbar.Item title="Filters">
        <FaFilter />
      </Toolbar.Item>
    </DropdownMenu>

leads to having two button tag nested, which trigger the following warning:

Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.

[targos]

Do you have a suggestion to fix it?

[Xstoudi]

I can't find a really satisfying solution right now that wouldn't break the idea of the design system.

Best idea right now would be to replace (or add an option to) the Toolbar.Item's button by a div tag with role="button" attribute.

[targos]

Conceptually, you want the dropdown's trigger to be your toolbar item. I think we need to change the API to accept that. In other words, an option to render your own trigger button.

[stropitek]

@targos duplicate of #612?

[targos]

Seems like it.