Content Setup

You can configure the content of the SplitButton either:

  • By adding the content between the opening and the closing tags, or
  • By setting the text property.

    @Component({
    selector: 'my-app',
    template: `
        <kendo-splitbutton [data]="data" [text]="buttonText"></kendo-splitbutton>
        <kendo-splitbutton [data]="data">
            <u>R</u>eply
        </kendo-splitbutton>
    `
    })
    class AppComponent {
    public buttonText: string = 'Reply';
    public data: Array<any> = [{
        text: 'Reply All'
    }, {
        text: 'Forward'
    }, {
        text: 'Reply & Delete'
    }];
    }
  • API Reference of the SplitButton

In this article