Available in the OSS Version

Split Button > Overview

- Change shape

- Change color

- Change text alignment

- Change text style

- Change font color

- Change background color

This sample is designed for a larger screen size.


On mobile, try rotating your screen, view full size, or email to another device.

Split buttons, also known as split drop down buttons, are useful when you want to provide a default action/command for a button but also need to supply other, secondary options. If you use Microsoft Office, Windows, or Gmail, you will be familiar with this pattern. Typically it is a command name with an optional icon, followed by a splitter, and then a down arrow. The command that is displayed directly is the default, and if you click that part of the button, it will execute that command, but you can also click the drop down to see alternative commands and select them from the drop down to execute.

Code View

Copy to Clipboard