New to Kendo UI for Angular? Start a free 30-day trial

PopupSettings

Interface

Configures the popup settings.

Definition

Package:@progress/kendo-angular-buttons

Syntax:

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

Properties

align?

"left" | "right" | "center"

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?

ViewContainerRef | "root" | "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.