New to Kendo UI for Angular? Start 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'
  }];
}| Name | Type | Default | Description | 
|---|---|---|---|
| align? | 
 | Specifies the alignment of the popup. By default, the popup is left-aligned. | |
| animate? | 
 | Enables or disables the popup animation. By default, the open and close animations are enabled. | |
| appendTo? | 
 | Specifies the container for the popup. By default, the popup is appended to the root component. | |
| popupClass? | 
 | Specifies CSS classes for styling the popup. |