SplitButton Customization
The SplitButton provides options for customizing the behavior of its popup and the rendering of its popup items. The popup displays the items from the items property. For details on binding strings or objects, see Data Binding.
The component enables you to:
Popup Behavior
To open or close the popup programmatically, set opened. The animate setting controls the popup animation. Use popupClass to apply CSS classes to the popup. Set anchorAlign and popupAlign to adjust popup positioning.
The following demo disables the popup animation and applies a custom CSS class.
Item Templates
The SplitButton lets you override how its popup items are rendered. By default, each popup item displays its icon, image, and text. To replace the content of all items with a component, set the item property. For callback-based or component-based rendering, use itemRender. To customize only one item, set its render field in an items object.
The following demo uses itemRender to customize every popup item.