ListItemModel

Represents the item models of the Kendo UI DropDownButton and SplitButton components. These are the interface fields that the items use.

typescript

@Component({
selector: 'my-app',
template: `
 <kendo-splitbutton [data]="items">SplitButton</kendo-splitbutton>
`
})
class AppComponent {
  public items: ListItemModel[] = [{
     text: 'item1',
     icon: 'arrow-rotate-cw',
     click: (dataItem: any) => {
         //action
     }
 }, {
     text: 'item2',
     iconClass: 'test icon class',
     click: (dataItem: any) => {
         //action
     }
 }]
}

Name	Type	Default	Description
click?	(dataItem?: any) => void		Emits an event when the item is clicked.
cssClass?	any		Specifies the CSS classes rendered on the item element. Supports the same values as ngClass.
disabled?	boolean		Disables the button list item when set to true.
icon?	string		Defines an icon rendered next to the title.
iconClass?	string		Defines an icon with a custom CSS class rendered next to the title.
imageAlt?	string		Specifies the value of the image element alt attribute.
imageUrl?	string		Specifies the location of an image displayed next to the title.
svgIcon?	SVGIcon		Defines an SVGIcon rendered next to the title.
text?	string		Sets the text of the item.