To start using the
<SplitButton /> component, all you need to import is
React, the code and styles of the component itself:
<SplitButton /> is different from a
<DropdownButton /> in that the
<SplitButton /> triggers the main button action when clicking the button content (and not the expander arrow). A
<DropdownButton /> does not have a main button action, since it only expands the menu when the button is clicked.
This is the most basic setup for a
<SplitButton />. In the following sections we'll explore how to use the SplitButton in various scenarios, supported props, theming, etc.
In order to be notified of button clicks, use
See the Menu
for documentation on how you can configure the
used in the