All Components

Keyboard Navigation

By default, the keyboard navigation of the SplitButton is enabled.

The SplitButton supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Enter & Space If the popup is opened, activates the currently focused item and closes the popup. If the popup is closed, executes the default action of the SplitButton.
Alt+Down Arrow Opens the popup.
Alt+Up Arrow Closes the popup.
Esc Closes the popup.
Up Arrow & Left Arrow Sets the focus on the previously available item.
Down Arrow & Right Arrow Sets the focus on the next available item.
@Component({
    selector: 'my-app',
    template: `
        <div class="example-wrapper">
            <kendo-splitbutton (buttonClick)="onPaste()" [data]="data" [icon]="paste">
                Paste
            </kendo-splitbutton>
        </div>
    `
})
class AppComponent {
    public data: Array<any> = [{
        text: 'Keep Text Only',
        icon: 'paste-plain-text'
    }, {
        text: 'Paste as HTML',
        icon: 'paste-as-html'
    }, {
        text: 'Paste Markdown',
        icon: 'paste-markdown'
    }, {
        text: 'Set Default Paste'
    }];

    public onPaste(dataItem: any): void {
        let text = dataItem ? dataItem.text : 'Paste';
        console.log(text);
    }
}
In this article