Styles and Appearances in Blazor SplitButton Component

14 Nov 20221 minute to read

To modify the SplitButton appearance, override the default CSS of SplitButton component. Find the list of CSS classes and its corresponding section in SplitButton. Also, there is an option to create own custom theme for the controls using the Theme Studio.

CSS Class	Purpose of Class
.e-dropdown-btn	To customize the button part in splitbutton.
.e-split-btn	To 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	To customize the progress button list items icon.