Kendo UI for jQuery SplitButton Overview

The Kendo UI for jQuery SplitButton widget combines the functionality of a button with that of a dropdown element. It allows users to either click on the primary button and run its default behavior, or to open the drop-down popup and choose from a list of additional actions.

Kendo UI for jQuery Kendoka image

The SplitButton is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the SplitButton

The following example demonstrates how to initialize the SplitButton from a <button> element.

    <button id="splitButton"></button>

        $(document).ready(function () {

                icon: "clipboard",
                items: [
                    { id: "keep-text", text: "Keep Text Only", icon: "clipboard-text" },
                    { id: "paste-html", text: "Paste as HTML", icon: "clipboard-code" },
                    { id: "paste-markdown", text: "Paste Markdown", icon: "clipboard-markdown" },
                    { id: "paste-default", text: "Set Default Paste"  }

Functionality and Features

See Also

In this article