PopupSettings

Updated on Dec 12, 2025

Configures the popup settings.

ts

@Component({
selector: 'my-app',
template: `
<kendo-splitbutton [data]="items" [popupSettings]="popupSettings">
   SplitButton
</kendo-splitbutton>
`
})
class AppComponent {
  public popupSettings: PopupSettings = {
     popupClass: 'customClass',
     align: 'center',
  };
  public items: Array<any> = [{
     text: 'item1'
  }, {
     text: 'item2'
  }];
}

Name	Type	Default	Description
align?	"center" | "left" | "right"		Specifies the alignment of the popup. By default, the popup is left-aligned.
animate?	boolean		Enables or disables the popup animation. By default, the open and close animations are enabled.
appendTo?	"root" | ViewContainerRef | "component"		Specifies the container for the popup. By default, the popup is appended to the root component.
popupClass?	string | object | string[] | Set<string>		Specifies CSS classes for styling the popup.