Available in the OSS Version

Split Button - Basic Use

This sample demonstrates how a user can combine the split button and the color picker.
- Change shape

- Change color

- Change text alignment

- Change text style

- Change font color

- Change background color

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This sample is designed for a larger screen size.

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

You can change the shape of the three figures with the split button, or change their color with the colorpickersplitbutton.

Code View

Copy to Clipboard