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>

    <script>
        $(document).ready(function () {

            $("#splitButton").kendoSplitButton({                  
                icon:"paste",
                items: [
                    { id: "keep-text", text: "Keep Text Only", icon: "paste-plain-text" },
                    { id: "paste-html", text: "Paste as HTML", icon: "paste-as-html" },
                    { id: "paste-markdown", text: "Paste Markdown", icon: "paste-markdown" },
                    { id: "paste-default", text: "Set Default Paste"  }
                ]
            });
        });
    </script>

Functionality and Features

See Also

In this article