Blazor SplitButton - Overview

CONSOLE Clear log
  • Overview.razor
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming
blazor ui ninja image

The SplitButton component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.


The Telerik UI for Blazor SplitButton component is a common UI element that allows the user to execute a default action that is bound to a Button or to choose another predefined action from a dropdown list. The Blazor SplitButton provides various configuration options to make it as easy as possible to satisfy your requirements.

You can choose to use built-in or custom icons with your SplitButton via the Icon parameter of the component and each SplitButtonItem.

The Blazor SplitButton provides a variety of appearance settings for FillMode, rounded corners, button shape, size and ThemeColor.

The Blazor SplitButton exposes the OnClick event that fires when the user clicks or taps on the button or one of its menu items.

The demo above shows a Blazor SplitButton example of a typical word processor Paste button. If a user clicks or taps, the default Paste action is executed. If the user drops down the menu, they can choose from Paste Text, Paste as HTML and Paste Markdown commands. Note that you can use the Change Theme menu to see what the buttons look like in various themes and palettes.

This Blazor SplitButton Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

Additional Resources

An error has occurred. This application may no longer respond until reloaded.