New to Kendo UI for AngularStart a free 30-day trial

PopupSettings

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'
  }];
}
NameTypeDefaultDescription

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

Specifies CSS classes for styling the popup.

Not finding the help you need?
Contact Support