Modified Split Button Functionality

[benbarry]

I'd like a way to use the Split Button component in a slightly different way than it currently functions.

What I'd like to happen is than when I click Option 2, it just treats that as a button click (same as clicking an option from the list of a Dropdown Button component). I thought I could maybe get this to work with an event handler, but it doesn't seem possible.

Currently, if I click Option 2, it changes the action of the primary button, and I have to make 2 clicks to accomplish my task.

You are using the exact pattern I want for the Preview button in the top right of the editor.

[benbarry]

I figured out a very hacky solution to achieve the behavior I wanted. I think it will work ok if (like me) you just want to use it for a short static list of options.

[bradlymathews]

I also had the same suggestion here:

Dropdown and Split Button Suggestions

I like the new Dropdown and Split buttons. Yay! I was using a Select component to mimic this and it was far from ideal. I am replacing these with Dropdown buttons in a key app as we speak. I see a significant issue with the split button however. You need to click the arrow to select button, but then you need to click the button to fire. That is two steps. The user will expect that when he drops down the button options and clicks something that the action will happen right there and then, like i…

If you would like that as I did yours, we quadruple our power of persuasion!