SplitButton
Demonstration and configuration of the Radzen Blazor SplitButton component.
Filled SplitButton
link
These are the default Radzen SplitButton.
Filled Shades
Filled Light and Dark
Light and Dark button styles don't have Shades
Flat SplitButton
link
Use Variant="Variant.Flat"
for flat split button variant.
Flat Shades
Flat Light and Dark
Light and Dark button styles don't have Shades
Outlined SplitButton
link
Use Variant="Variant.Outlined"
for outlined split button variant.
Outlined Shades
Outlined Light and Dark
Light and Dark button styles don't have Shades
Text SplitButton
link
Use Variant="Variant.Text"
for text split button variant.
Text Shades
Text Light and Dark
Light and Dark button styles don't have Shades
Content in SplitButton
link
Text, icons and images can be added to a split button.
Icon only button
Icon and text button
Images
SplitButton Sizes
link
Use the Size
property to set split button size. Available sizes are ExtraSmall, Small, Medium (default), and Large.
Icon
Text
Icon and Text
Disabled SplitButton
link
Use Disabled="true"
to disable a split button.
Busy SplitButton
link
Use IsBusy="true"
to show the busy indicator.
AlwaysOpenPopup SplitButton
Use AlwaysOpenPopup="true"
to open popup with items on click.
DropDown icon of SplitButton
link
Customize the dropdown icon of SplitButton. Use DropDownIcon
parameter to set the icon.
Keyboard Navigation
link
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor SplitButton component.
All the tools in one place
Code Less. Deliver More.
With Radzen Subscription you get the full toolkit. Get started now and save hours on every project.
task_alt
Complete Blazor development environment.
task_alt
Open technology stack. No vendor lock-in.
task_alt
Ready-to-use UI blocks and app templates.
task_alt
Advanced theming.
task_alt
Dedicated support backed by proven expertise.
task_alt
No hidden runtime costs.

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT