Styles and Appearances in Blazor SplitButton Component

4 Nov 20251 minute to read

To modify the Split Button appearance, override the component’s default CSS. The following table lists key CSS classes and their purposes in the Split Button. To scope changes to a specific instance, add a custom class through the component’s CssClass property and target that class in styles. A custom theme can also be created using the Theme Studio.

CSS Class	Purpose of Class
.e-dropdown-btn	Customize the primary button part of the Split Button.
.e-split-btn	Customize the dropdown part in split button.
.e-dropdown-popup ul .e-item	To customize the progress button list items.
.e-dropdown-popup ul .e-item .e-menu-icon	Customize the icon displayed inside popup menu items.